Desarrollo Web: ¿QUE ES CSS?

domingo, 4 de marzo de 2018

¿QUE ES CSS?

CSS es un lenguaje de hojas de estilo.

Descripción

CSS significa Hoja de Estilo en Cascada. CSS puede formatear el contenido del documento (escrito en HTML u otro lenguaje de marcado):

   - Diseño
   - Colores
   - Fuentes
... etc.

CSS está diseñado principalmente para permitir la separación del contenido del documento y el formato del documento. Como resultado, podemos mejorar la accesibilidad del contenido, puede formatear de manera similar dos o más documentos.

p{
  color: red;
  font-size: 12px;
  background-color: green;
}

Agregar estilo a HTML

Hay tres formas de proporcionar información de estilo para los navegadores web.

Vinculación de hoja de estilo

Puede separar hojas de estilo de documentos HTML. Los archivos de la hoja de estilo se importan a los documentos HTML por <link>.
Esto ofrece varios beneficios:
    Los autores y los administradores del sitio web pueden compartir hojas de estilo en varios documentos (y sitios).
    Los autores pueden cambiar la hoja de estilos sin requerir modificaciones al documento.
    Los agentes de usuario pueden cargar hojas de estilos de forma selectiva (según las descripciones de los medios).
[ejemplo.html]

<head>
   <link rel="stylesheet" type="text/css" href="example.css">
 </head>

[ejemplo.css]

p{
   color: red;
   foto-size: 120%;
 }

Hoja de estilo interna

Puede poner reglas de hojas de estilo en el encabezado del documento por <style>.

[ejemplo.html]

<head>
   <style>
     p { color: red; font-size:120%; }
   </style>
 </head>
 <body>
   <p>This is a paragraph</p>
 </body>

Hoja de estilo inline

Las etiquetas de inicio pueden contener reglas de hojas de estilo directamente en documentos HTML por el atributo de estilo.

[ejemplo.html]

<p style="color: red; font-size:120%; ">This is a paragraph</p>

Fuente: www.w3.org

Desarrollo Web