HOJAS DE ESTILOS...- CSS #nombre_id {propiedades} XSL less} css . html > html title title style...

Post on 01-Jun-2020

40 views 1 download

Transcript of HOJAS DE ESTILOS...- CSS #nombre_id {propiedades} XSL less} css . html > html title title style...

HOJAS DE ESTILOSAndrés Felipe Parra Ceballos

¿QUÉ SON LAS HOJAS DE ESTILOS?

Son conjuntos de instrucciones, a

veces en forma de archivo anexo,

que se asocian a los archivos de

texto y se ocupan de los aspectos de

formato y de presentación de los

contenidos.

LENGUAJES

¿ QUE ES CSS?

• Son las siglas de hojas de estilos en cascadas o en ingles Cascading Style

Sheets

¿COMO ENLAZARLO A HTML?

INTERNAS

EXTERNAS

EN LINEA

¿COMO UTILIZAR CSS?

TIPOS DE SELECTORES

• DE ETIQUETA:

Se utiliza para darleun estilo a unaetiqueta HTML enespecifico.

Ejemplo:

p{color:red}

DE CLASE:Permite establecerun formato de estiloa diferenteselementos de lapagina web.

Ejemplo:.nombre_cualquiera{propiedades}

DE IDEspecifica el formato de un elemento en concreto.

Ejemplo:#nombre_id{propiedades}

TIPOS DE SELECTORES

• DE GRUPO

Para darle formato avarias etiquetas

EJEMPLO

H2,h1,p {Propiedades}

UNIVERSAL

Para todos loselementos

EJEMPLO*{propiedades}

RELACIONAR CON HTML

• DE CLASE:

-HTML<P class=“NombreDeClase”>Esto es un párrafo</P>

-CSS.NombreDeClase{Propiedades}

RELACIONAR CON HTML

• DE ID

- HTML<P id=“nombre_id”>Esto es un párrafo</P>

- CSS#nombre_id {propiedades}