HOJAS DE ESTILOS...- CSS #nombre_id {propiedades} XSL less} css . html > html title title style...
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}