Los últimos tutoriales de desarrollo web
 

W3.CSS tipografía


Fácil de leer

W3.CSS páginas son fáciles de leer, incluso para las personas con discapacidades leves de lectura.

  • Todas las fuentes utilizadas son fuentes legibles 15px sans serif fácil
  • El tipo de letra estándar (Verdana) tiene un muy buen espacio entre letras
  • El espaciado de línea estándar (1.5) también es muy bueno

Encabezamientos HTML <h1> - <h6>

Por defecto las partidas estilos w3.css HTML de esta manera:

Ejemplo

<h1>Heading 1 (36px)</h1>

<h2>Heading 2 (30px)</h2>

<h3>Heading 3 (24px)</h3>

<h4>Heading 4 (20px)</h4>

<h5>Heading 5 (18px)</h5>
<h6>Heading 6 (16px)</h6>
Inténtalo tú mismo "

Las clases de tamaño de fuente

Los títulos deben ser utilizados para lo que son: las partidas.

Con W3.CSS, tamaños de fuente pueden ser establecidos por las clases:

Ejemplo

w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Inténtalo tú mismo "

Anulación de las Normas

Anulación de las normas W3.CSS es muy fácil.

Tienes al menos tres opciones simples:

  1. Invalidar la norma en la sección <head> de la página
  2. Añadir su propio archivo CSS después W3.CSS
  3. Descargar y cambiar el contenido del archivo W3.CSS

Anular en el <head>

h1{font-size:64px;}
h2{font-size:48px;}
h3{font-size:36px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
Inténtalo tú mismo "

Añadir su propio CSS

<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<link rel="stylesheet" href="myStyle.css">

cambio W3.CSS

h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px}