Page 1

CSS3 Ing. Gustavo ordo単ez N. Programacion web


Uso de los estilos 

Externo

<link href=“stylesheet” type=“text/css” href=“location.css” /> 

Embebido

<style type=“text/css”> body {} </style>

En la linea

<p style=“font-size: 12px”>Lorem ipsum</p>


Referencias 

Existen varios métodos para seleccionar cuál es elementos HTML serán afectados por l as reglas CSS:

·

referencia por l a palabra cl ave del elemento

·

referencia por el atributo id

·

referencia por el atributo class


Referenciando con el atributo ID

ď ľ#texto1

{ font-size: 20px }


Referenciando con el atributo CLASS

ď ľ.texto1

{ font-size: 20px }


Referenciando con el cualquier atributo

P[name]

{ font-size: 20px }

P[name=“mitexto”]

{ font-size: 20px }


p[name^=”mi”] { font-size: 20px }

p[name$=”mi”] { font-size: 20px }

p[name*=”mi”] { font-size: 20px }

· La regla con el selector ^= será asignada a todo elemento <p> que contiene un atributo name con un comenzado en “mi” (por ejempl o, “mitexto”, “micasa”).

· La regla con el selector $= será asignada a todo elemento <p> que contiene un atributo name con un finalizado en “mi” (por ejempl o “textomi”, “casami”).

· La regla con el selector *= será asignada a todo elemento <p> que contiene un atributo name con un valor incluye el texto “mi” (en es te caso, el texto podría también encontrarse en el medio, como en “textomicasa”).

Css3  
Read more
Read more
Similar to
Popular now
Just for you