Para empezar , se conoce que CSS son las
siglas de Cascading Style
Sheets, que en nuestro idioma seria “hojas de estilo en cascada”.
Este es un lenguaje que se usa para definir como se va a pintar el contenido,
este contenido esta escrito en HTML, este css, no ayuda a “poner bonito”
nuestro contenido.
Para el uso de este (CSS) se
debe separar la estructura de un documento de su presentación, es decir, la
información del estilo puede ser añadida como un documento separado o junto al
mismo documento del HTML. Cuando vamos a definir el estilo en el mismo
documento, se definen en la parte
principal de este, o en cada etiqueta particular mediante: “<style>”.
La sintaxis usada en este tipo
de lenguaje, se dice que es muy sencilla, ya que esta usa palabras claves en
ingles, que ayudan a especificar los nombre de sus selectores, propiedades y
atributos, que ayudaran al manejo del estilo.
A la hora de usar hoja de
estilo en CSS, se debe tener en cuanta que esta consiste en una serie de reglas.
Donde cada regla consiste en uno o mas selectores, y también este contiene un
bloque de estilos. Estos estilos son lo que se aplicaran para los elementos del
documento que cumpla con el selector que lo procede. Por eso, es importante
tener en cuenta y definir los selectores. Las ventajas cuando se usan la hoja
de estilo, es que para esto se han definido bloques de estilo que se definen
entre llaves, lo cual ayudara a tener un orden y a diferenciar cada parte que
se desea modificar con ayuda de los selectores, los cuales marcaran que se va a
modificar, en función de su tipo nombre (name), ID, clase (class), entre otros. Este bloque de
estilo también esta conformado por carias declaraciones de estilo con el
formato de: “propiedad:valor;”.
Un ejemplo cuando se usa una
hoja de estilo es: Aquí se ve el manejo de los selectores y de el bloque de
estilo, los cuales se manejan en estas.
selector [, selector2,
...] [:pseudo-class] {
propiedad:
valor;
[propiedad2: valor2;
...]
}
/* comentarios
*/
(ejemplo obtenido de la fuente de información wikipedia)
No hay comentarios:
Publicar un comentario