Estudiante

Ing. Gustavo Adolfo Sánchez Rodríguez

Ing. Gustavo Adolfo Sánchez Rodríguez

Ing. Gustavo Adolfo Sánchez Rodríguez

h1 {color: red;}

Ing. Gustavo Adolfo Sánchez Rodríguez

Ing.Gustavo Adolfo Sánchez Rodríguez

Existen tres formas de dar estilo a
un documento

Ing. Gustavo Adolfo Sánchez Rodríguez

Utilizando una hoja de estilo externa que estará vinculada a un documentoa través del elemento , el cual debe ir situado en la sección .


Título


. . . .

Ver ejemplo de Hoja de estilo externa
Ing. Gustavo Adolfo Sánchez Rodríguez

Utilizando el elemento ,en el interior del documento al que se le quiere dar
estilo, y que generalmente se situaría en la sección . De esta forma los
estilos serán reconocidos antes de que la página se cargue porcompleto.


hoja de estilo interna

body {
padding-left: 11em;
font-family: Georgia, "Times New Roman", serif;
color: blue;
background-color: #d8da3d;
}
h1 { font-family: Helvetica, Geneva, Arial,sans-serif; }



Estilo diseñado para este documento web

Ing. Gustavo Adolfo Sánchez Rodríguez

Utilizando estilos directamente sobre aquellos elementos que lo permiten a través
delatributo dentro de . Pero este tipo de estilo pierde las ventajas
que ofrecen las hojas de estilo al mezclarse el contenido con la presentación.

Esta forma de estilos no se utiliza mucho por que setiene que codificar en cada
uno de los atributos de los elementos y algunos no permiten ser modificados.

Ing. Gustavo Adolfo Sánchez Rodríguez

Normas Básicas de Estilos
Algunas normas básicasa la hora de crear una CSS son las
siguientes:
En el siguiente ejemplo, h1{color: red;}, el selector, , le
dice al navegador la parte del documento que se verá
afectada por esa regla. Losselectores pueden aparecer
individualmente o agrupados, separándolos con comas:
h1, h2, h3 {
color: red;
}
o lo que es lo mismo
h1 {color: red;}
h2 {color: red;}
h3 {color: red;}

Ing. Gustavo...