logo 3con14 css cod css
  • CSS
  • Conceptos
  • Selectores
  • Unidades, Color
  • Modelo de cajas
  • Posicionamiento
  • Textos, Enlaces
  • Listas, Menús
  • Tablas, Columnas
  • Diseño (Layout)
    • Grid Layout
    • Flex Box
    • Media queries
  • Imagen, Filtros, ...
  • Movimientos
    • Transformaciones
    • Transiciones
    • Animaciones
  • Formularios
  • 🔴 TAREAS
 
 
icon html5
icon css3
mlogo 3con14 css cod

  • Inicio

¿Qué es CSS?

CSS

Es necesario que los diseñadores web, a la hora de crear sitios web, dominen fundamentalmente dos lenguajes: uno, HTML (HyperText Markup Language) y el otro, CSS (Cascading Style Sheets). Las últimas versiones de estos dos lenguajes: HTML5 y CSS3, han revolucionado la forma de crear sitios web últimamente, ofreciendo nuevas posibilidades de estructura, formato y composición.

CSS (hojas de estilo en cascada) es un lenguaje de hojas de estilos creado para diseñar y dotar de un determinado aspecto a los documentos HTML. CSS es la mejor forma de separar los contenidos de su aspecto formal y es imprescindible para crear páginas web complejas.

Separar contenido y aspecto presenta numerosas ventajas, ya que obliga a crear documentos HTML bien definidos y con significado completo (también llamados "documentos semánticos"). Además, mejora la accesibilidad del documento, reduce el tiempo y la complejidad de su mantenimiento y permite visualizar el mismo documento en distintos dispositivos (smarphones, tablets o desktops).

Al crear una página web, se utiliza en primer lugar el lenguaje HTML estructurar y marcar los contenidos, es decir, para designar la función de cada elemento dentro de la página web: un párrafo, un titulo, un texto destacado, una tabla, una lista de elementos, etc.

Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: el color de la letra y fondo, el tamaño y tipo de letra del texto, la separación horizontal y vertical entre elementos, la posición de cada elemento dentro de la página, etc.

Las normas oficiales están escritas en inglés y se pueden consultar de forma gratuita en las siguientes direcciones:

  • Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
  • Descriptions of all CSS specifications

Ventajas de utilizar CSS:

  • Separar la estructura de las páginas y su contenido (HTML), del formato del texto y de la página
  • Tener muchas más posibilidades de formato y de presentación de la página
  • Definir un estilo una sola vez y poder aplicarlo tantas veces como se desee
  • Evitar los errores causados por la repetición
  • Reagrupar todos los estilos
  • Hacer actualizaciones de forma extremadamente rápida
    etc, etc, etc, ... (vamos, todo son ventajas)

Continuar leyendo

Recursos ...

  • Visual Studio code
  • Sublime Text
  • CSS LINT
  • Normalize

codepen

uniwebsidad

overapi

can i use

w3schools

mdn

En línea...

Hay 182 invitados y ningún miembro en línea

Licencias ...

3con14─LAB 1998 - 2021
www.3con14.biz
(cc) Jesús Plaza M.
─ Otros Reconocimientos ─

Visitas ...

Hoy ... 13

Ayer ... 32

Week 158

Mes ... 964

TOTAL ... 44389

Este obra está bajo Licencia
Creative Commons Atribución-No Comercial-Compartir Igual 4.0 Unported

  • CSS
  • Conceptos
  • Selectores
  • Unidades, Color
  • Modelo de cajas
  • Posicionamiento
  • Textos, Enlaces
  • Listas, Menús
  • Tablas, Columnas
  • Diseño (Layout)
    • Grid Layout
    • Flex Box
    • Media queries
  • Imagen, Filtros, ...
  • Movimientos
    • Transformaciones
    • Transiciones
    • Animaciones
  • Formularios
  • 🔴 TAREAS