¿Cuál es el concepto básico detrás de CSS?

El concepto básico detrás de CSS es describir cómo diseñar y presentar el contenido que contiene HTML. HTML es el qué : las imágenes, los párrafos de texto y la lista de elementos del menú. CSS es el lugar : esta imagen tiene 403 píxeles de ancho, la fuente de ese párrafo es Georgia, tiene un tamaño de fuente de 16 píxeles y es azul. Algunos ejemplos de CSS de lo que acabo de describir se verían así:

img {
ancho: 403px;
}

pags {
Familia tipográfica: Georgia;
tamaño de fuente: 16px;
color azul;
}

Los p & img anteriores se denominan selectores porque seleccionan el HTML para el que desea declarar los atributos de estilo. Todas las cosas entre los dos corchetes: {} son todas las declaraciones de estilo. El selector y todas sus declaraciones se denominan colectivamente una regla o una regla de estilo. Muchas reglas de estilo juntas forman una hoja de estilo completa, que es un solo archivo con una extensión .css. Este archivo está vinculado en la sección de una página HTML y sus reglas de estilo se aplicarán a los elementos HTML (las imágenes, párrafos, listas, etc.) que coinciden con los selectores. Una hoja de estilo típicamente contendrá todas las reglas de estilo para un sitio básico en 1 archivo.

CSS, Cascading Style Sheets, es un “lenguaje que se utiliza para describir la semántica de presentación de un documento escrito en un lenguaje de marcado” [1]. CSS separa el contenido del diseño , lo que permite una mayor flexibilidad con los aspectos de diseño y contenido. En el diseño web, esto permite que los archivos HTML sean semánticos y accesibles, y que los archivos CSS sean simples, no repetitivos y utilizables en varias páginas.

[1] http://en.wikipedia.org/wiki/Cas

El concepto central detrás de CSS es que se usa para diseñar HTML. Debe usarse para crear una jerarquía visual que sea atractiva y relevante para el contenido que muestra.