Valores predeterminados de W3.CSS
W3.CSS es fácil de leer
Las páginas W3.CSS son fáciles de leer, incluso para personas con discapacidades leves de lectura.
- El tamaño de fuente predeterminado es 15px
- La fuente predeterminada es Verdana, que tiene un buen espacio entre letras
- El interlineado predeterminado (1.5) también es muy bueno
Encabezados HTML <h1> - <h6>
De forma predeterminada, W3.CSS diseña los encabezados 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>
Clases de tamaño de fuente
Los encabezados deben usarse por lo que son: encabezados.
Con W3.CSS, los tamaños de fuente se pueden establecer mediante las siguientes clases de tamaño w3 :
Ejemplo
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Anular los valores predeterminados de W3.CSS
Anular la configuración predeterminada de W3.CSS es muy fácil.
Tienes al menos tres opciones:
- Anula la configuración predeterminada en la sección <head> de tu página
- Agregue su propio archivo CSS después de W3.CSS
- Descarga y cambia el contenido del archivo W3.CSS
Anular en <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;}
Agrega tu propio CSS
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet"
href="myStyle.css">
Cambiar 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}
Cambiar la fuente predeterminada
En el encabezado de su página web (o en su hoja de estilo), después de cargar W3.CSS, cambie el estilo de html y el cuerpo:
Ejemplo
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
html, body, h1, h2, h3, h4, h5, h6 {
font-family: cursive, sans-serif;
}
</style>