| imagen. fuente: creating |
Que es CSS
CSS es un
lenguaje utilizado para definir la presentación de un documento estructurado
escrito en HTML. La idea es separar la estructura de un documento de su
presentación y diseño.
Hojas de Estilo en
Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se
va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso
cómo va a ser pronunciada la información presente en ese documento a través de
un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los
desarrolladores el control total sobre estilo y formato de sus documentos.
CSS es muy intuitivo y
sencillo una vez se llega a aprender, ya que para su definición siempre se hace
uso de un identificador de etiqueta HTML (como por ejemplo <H1>), y luego
indicamos con qué aspecto queremos que se muestren todas las etiquetas
<H1> que aparezcan en un documento. Al igual que con <H1> podemos
definir cómo queremos que se muestren las distintas partes del documento HTML,
pudiendo en cada caso definir sus propiedades (color, tipo de fuente, tamaño,
espacio, imagen) con algún determinado valor deseado.
Para qué sirve
CSS se utiliza para dar estilo a documentos HTML
y XML,
separando el contenido de la presentación. CSS permite a los desarrolladores
Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier
cambio en el estilo marcado para un elemento en la CSS afectará a todas las
páginas vinculadas a esa CSS en las que aparezca ese elemento.
Cómo funciona
CSS funciona a base de
reglas, es decir, declaraciones sobre el estilo de uno o más elementos. Las
hojas de estilo están compuestas por una o más de esas reglas aplicadas a un
documento HTML o XML. La regla tiene dos partes: un selector y la declaración.
A su vez la declaración está compuesta por una propiedad y el valor que se le
asigne.
La sintaxis
Cada regla CSS describe cómo se debe representar un
determinado elemento en el navegador. Toda regla tiene un selector, ese selector es el
que define a qué elemento en particular se aplica el diseño. Luego se escribe
la declaración entre llaves que es
el grupo de características que va a tener ese elemento. Entre las llaves hay
una o más propiedades con uno o más valores. Cada propiedad se
separa con punto y coma.
Propiedades
Para fondo
Background-color: Aplicar color
de fondo a diferentes elementos.
Background-image: Utilizar una
imagen como fondo.
Background-repeat: La imagen de
fondo se repite.
Para
texto
Text-indent: Como dejar sangría
en un texto.
Text-align: Centrar un texto.
Text-decoration: Definir un texto
tachado o subrayado.
Text-transform: Convertir un
texto a minúsculas o mayúsculas.
Para
fuentes
Font-family: Definir un tipo de
fuente.
Font-size: Definir el tamaño de
la fuente.
Para
dimensiones
Width: Defina el ancho de un
párrafo a su gusto.
Height: Como establecer la altura
de un elemento.
Line-height: Declare una
separación entre líneas.
Bibliografías:
Comentarios
Publicar un comentario