Tipografía rehegua
Kuatiahaipyre ha techapyrã Bootstrap tipografía-pe g̃uarã, oikehápe ñemboheko global, iñakãrapuꞌa, jehaipyre retepy, lista ha hetave mbaꞌe.
Bootstrap omohenda jehechaukaha global, tipografía ha enlace estilo básico. Oñeikotevẽ jave hetave control, ehecha umi clase utilidad textual rehegua .
- Eipuru peteĩ pila fuente nativa oiporavóva iporãvéva
font-family
peteĩteĩva SO ha tembipururã. - Peteĩ escala tipo rehegua oikevéva ha ojeikekuaavévape g̃uarã, ñaimo’ã kundahára ra’ỹi ñepyrũrã
font-size
(jepivegua 16px) ikatu hag̃uáicha umi tapicha ohóva omohenda iñemohendaha ñepyrũrã oñeikotevẽháicha. - Eipuru
$font-family-base
,$font-size-base
, ha$line-height-base
atributokuéra ñande base tipográfica ramo ojeporúva<body>
. - Emohenda enlace global color vía
$link-color
ha emoĩ enlace subrayado-pe añoite:hover
. - Eipuru
$body-bg
emohenda hag̃ua peteĩbackground-color
pe<body>
(#fff
por defecto).
Koꞌã estilo ikatu ojejuhu ryepýpe _reboot.scss
, ha umi mbaꞌekuaarã global oñemboheko _variables.scss
. Ejeasegura eñemoĩ $font-size-base
hag̃ua rem
.
Opaite HTML akãrapu’ã, , <h1>
rupive <h6>
ojeguereko.
Ñe’ẽryru | Tembiecharã |
---|---|
|
h1 rehegua. Ñe’ẽmondo bootstrap rehegua |
|
h2 rehegua. Ñe’ẽmondo bootstrap rehegua |
|
h3 rehegua. Ñe’ẽmondo bootstrap rehegua |
|
h4 rehegua. Ñe’ẽmondo bootstrap rehegua |
|
h5 rehegua. Ñe’ẽmondo bootstrap rehegua |
|
h6 rehegua. Ñe’ẽmondo bootstrap rehegua |
.h1
clase rupive .h6
ojeguereko avei, oñembojojaséramo peteĩ iñakãrapuꞌa letra estilo ha katu ndaikatúi reipuru elemento HTML ojoajúva.
h1 rehegua. Ñe’ẽmondo bootstrap rehegua
h2 rehegua. Ñe’ẽmondo bootstrap rehegua
h3 rehegua. Ñe’ẽmondo bootstrap rehegua
h4 rehegua. Ñe’ẽmondo bootstrap rehegua
h5 rehegua. Ñe’ẽmondo bootstrap rehegua
h6 rehegua. Ñe’ẽmondo bootstrap rehegua
Eipuru umi mboꞌepy utilidad rehegua oikevaꞌekue emoheñói jey hag̃ua jehaipyre iñakãrapuꞌa mokõiha michĩva Bootstrap 3-gui.
Umi elemento rubro tradicional ojejapo omba’apo porãve hag̃ua so’o nde página contenido-pe. Reikotevẽ jave peteĩ iñakãrapu’ã ojedestaca hag̃ua, ekonsidera eipuru peteĩ rubro jehechaukarã —peteĩ estilo de rubro tuichavéva, michĩmi oguerekóva opinión.
Ohechauka 1.1 |
Ohechauka 2.1 |
Ohechauka 3.1 |
Ohechauka 4.1 |
Ejapo peteĩ párrafo ojehecharamovéva remoĩvo .lead
.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor rehegua. Duis mollis, est ndaha'éiva commodo luctus rehegua.
Estilo umi elemento HTML5 en línea común-pe g̃uarã.
Ikatu reipuru pe etiqueta marca reheguajehechaukakuaavemaranduhai.
Ko línea jehaipyre rehegua ojeꞌe ojeguereko hag̃ua jehaipyre oñemboguevaꞌekue ramo.
Ko línea de texto oje’ese oñetrata haĝua ndaha’evéimava exacto.
Ko línea jehaipyre rehegua ojeꞌe ojeguereko hag̃ua peteĩ kuatiañeꞌepyre oñembojoapýramo.
Ko línea de texto orrepresentáta ojesubrayaháicha
Ko línea de texto ojejapo ojeguereko haguã letra fina ramo.
Ko línea oñembohasa jehaipyre negrita ramo.
Ko línea oñembohasa jehaipyre cursiva ramo.
.mark
ha .small
umi mbo’esyry ojeguereko avei ojeporu hag̃ua umi estilo peteĩchagua <mark>
ha <small>
ojehekýi aja mba’eveichagua implicancia semántica ojeipota’ỹva oguerútava umi etiqueta.
Ndojehechaukáiramo jepe yvate, eñeñandu porã eipuru hag̃ua <b>
ha <i>
HTML5-pe. <b>
oje’ese ojehechauka haguã ñe’ẽ térã ñe’ẽjoaju ombohasa’ỹre importancia adicional ha <i>
katu hetavehápe ñe’ẽ, término técnico, hamba’e rehegua.
Emoambue jehaipyre ñemboheko, emoambue, estilo, ipohýi ha sa’y ore jehaipyre utilidad ha color utilidad reheve .
Implementación estilizada HTML <abbr>
elemento rehegua umi abreviatura ha acrónimo-pe g̃uarã ohechauka hag̃ua versión oñembotuicháva hover-pe. Umi abreviatura oguereko peteĩ subrayado por defecto ha ohupyty peteĩ cursor pytyvõrã omeꞌe hag̃ua contexto adicional hover-pe ha umi tecnología oipytyvõva puruhárape.
Emoĩ .initialism
peteĩ ñemombykype peteĩ font-size michĩmivévape g̃uarã.
attr rehegua
HTML rehegua
Oñecita haguére umi bloque contenido ambue fuente-gui nde kuatia ryepýpe. Embojere <blockquote class="blockquote">
oimeraẽ HTML rehe cita ramo.
Lorem ipsum dolor oguapy amet, consectetur adipiscing elit. Entero posuere erat peteĩ ante.
Oñemoĩve peteĩ <footer class="blockquote-footer">
ojekuaa hag̃ua pe fuente. Embojere tembiapo ypykue réra <cite>
.
Lorem ipsum dolor oguapy amet, consectetur adipiscing elit. Entero posuere erat peteĩ ante.
Eipuru jehaipyre purupyrã tekotevẽháicha emoambue hag̃ua nde blockquote ñemohenda.
Lorem ipsum dolor oguapy amet, consectetur adipiscing elit. Entero posuere erat peteĩ ante.
Lorem ipsum dolor oguapy amet, consectetur adipiscing elit. Entero posuere erat peteĩ ante.
Eipe’a margen por defecto list-style
ha izquierda umi elemento lista rehegua (mitãnguéra pya’e añoite). Kóva ojeporu umi mba’e lista mitãnguéra pya’e rehegua añoite , he’iséva tekotevẽtaha emoĩ mbo’esyry oimeraẽva lista anidado-pe g̃uarã avei.
- Lorem ipsum dolor oguapy amet
- Consectetur adipiscing rehegua elit
- Entero molestie lorem en masa rehegua
- Facilisis en aliquet nisl de pretio rehegua
- Nulla volutpat aliquam rehegua
- Fasello iaculis neque rehegua
- Purus sodales ultricies rehegua
- Vestibulo laoreet porttitor sem rehegua
- Ac tristique libero volutpat rehegua
- Faucibus porta lacus fringilla vel rehegua
- Aenegua oguapy amet erat nunc
- Eget porttitor lorem rehegua
Eipe'a peteĩ lista bala ha emoĩ michĩmi tesape margin
mokõi clase ñembojoaju reheve, .list-inline
ha .list-inline-item
.
- Lorem ipsum rehegua
- Fasello iaculis rehegua
- Nulla volutpat rehegua
Emohenda umi término ha descripción horizontalmente eipurúvo ñande sistema cuadrícula rehegua clase ojedefinivaꞌekue (térã mixin semántico). Ipukuvévape g̃uarã, ikatu opcionalmente emoĩ peteĩ .text-truncate
mboꞌepy emboty hag̃ua jehaipyre peteĩ elipsis reheve.
- Umi lista descripción rehegua
- Peteĩ lista descripción rehegua iporãiterei ojedefini hag̃ua umi término.
- Euismod rehegua
-
Vestibulo id ligula porta felis euismod semper eget lacinia odio sem nec elit rehegua.
Donec id elit ndaha'éiva mi porta gravida eget metus-pe.
- Malesuada porta rehegua
- Etiam porta sem malesuada magna mollis euismod rehegua.
- Término oñembotýva oñembotýma
- Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum masa justo oguapy amet risus.
- Nidación rehegua
-
- Lista de definición anidado rehegua
- Posuere eneo, tortor sed maldición feugiat, monja augue blandit monja.
Tipografía ombohováiva oñeꞌehína escala jehaipyre ha componente-kuéra rehe oñemboheko rei rupi umi elemento ypykue rehegua font-size
peteĩ serie de consultas medios ryepýpe. Bootstrap ndojapói kóva ndéve g̃uarã, ha katu ndahasyiete remoĩ hag̃ua reikotevẽramo.
Ko'ápe oî peteî techapyrã práctica-pe. Eiporavo oimeraẽva font-size
s ha medios de comunicación consulta reipotáva.