CSS es el acrónicmo de Cascading Style Sheets  en español significa hojas de estilo en cascada.

CSS es un archivo donde creamos los estilos que nos permiten definir la presentación de los documentos HTML, es decir de una página web. La CSS nos permite definir fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchas propiedades más de nuestras páginas web.

¿Qué beneficios me ofrece CSS?

CSS fue toda una revolución en el mundo del diseño web. Entre los beneficios concretos de CSS encontramos:

   
• Control de la presentación de muchos documentos desde una única hoja de estilo;
       
• Control más preciso de la presentación;
• Aplicación de diferentes presentaciones a diferentes tipos de medios (pantalla, impresión, etc.);
• Numerosas técnicas avanzadas y sofisticadas.

Ya que explicamos un poco de que son la CSS, explicaremos dos atributos de estas que son ID y CLASS.

CLASS

El atributo CLASS nos permite asignar estilos a los elementos de nuestra página web sin preocuparnos a los que se aplicarán. Lo único que debemos hacer es crear la clase con el estilo que queramos e incluimos el atributo CLASS en los elementos que queramos aplicar el estilo.

<p class="negrita">Aprende a programar con ASP.NET</p>

Con el código anterior ya tenemos nuestro HTML y asignado el estilo. Sólo nos queda definir el nuevo estilo “negrita” en nuestro documento CSS:

.negrita {font-weight: bold; color: red;}

Para definir nuestra clase primero se pone un punto, el cual indica que es una class. Si lo que queremos es restringir el uso de este estilo a un tag HTML, podemos definirlo de la siguiente manera:

p.negrita {font-weight: bold; color: red;}

ID

El atributo ID es muy parecido al atributo CLASS, solo con las siguientes diferencias:

   
• Cuando definimos un estilo de tipo ID, lo que primero se pone es el carácter #, en lugar del punto.
   
• #titulo-principal {font-weight: bold;}
   
• <P ID=" titulo-principal ">This is the first paragraph, and will be          boldfaced.</P>
   
• El atributo ID sólo puede usuarse en un elemento. Debe ser único, no debe          repetirse ya que es el identificador de un tag HTML.
   
• Los estilos de tipo ID también pueden definirse al margen de cualquier          elemento, pero estas definiciones no tienen ningún sentido al ser sus valores          únicos y no aplicables a otros elementos.