Issuu on Google+

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