Css son las siglas de cascading style sheets (hojas de estilo en cascada)
Las hojas de estilo en cascada son un lenguaje de programacion que hace que el explorador de ciertas características de formato al contenido de una pagina web para mostrarlo al usuario, dando así mayor control sobre el orden, formato y compatibilidad de una pagina Web.
La mayor ventaja de las hojas de estilo en cascada es que separan el contenido de los documentos HTML y XML de su presentación, haciendo posible manipular el formato de muchas paginas Web ligadas a una única hoja CSS, simplificando así el proceso de desarrollo y actualización de un sitio.
El CSS trabaja estableciendo características de estilo a los elementos que componen a una Web, siguiendo una sintaxis y reglas definidas. Básicamente usan una serie de comandos llamados “reglas” que se componen de dos partes: una llamada selector y una llamada declaración, la declaración se divide en una propiedad y en el valor a la que esta se liga, después del selector se pone un par de corchetes, dentro de los cuales se ubican todas las declaraciones que sean necesarias para obtener los resultados que queramos, separando una de otra mediante un “;”, para asignar un valor a la propiedad se colocan “:”.
Ejemplo 1.0
p {
text-align: center;
color: red;
}
"p" es el selector, "text-align:" es a propiedad y "center" su valor, "color:" es otra propiedad y red su valor.
Es recomendable, por cuestiones de orden, colocar cada declaración en una línea nueva, y poner el corchete de cierre en una línea nueva, tal como se puede apreciar en el ejemplo anterior. De esta manera se facilita la comprencion del codigo para otros desarrolladores o para nosotros mismos cuando queramos cambiar algo
La declaración define un efecto sobre el selector, el selector a su vez vincula una parte del documento HTML con la hoja de estilo.
En el caso del ejemplo 1.0 (arriba), el elemento p es un elemento definido en HTML, el cual se usa para señalar párrafos, en ese caso la declaración indica que todos las partes que están entre las etiquetas <p> y </p> serán alineadas (propiedad text-align) en el centro.
Existen tres maneras de usar CSS
- En una hoja de estilo externa: este es el caso mas deseable, pues separa absolutamente el contenido del formato, consiste en guardar las reglas de estilo en un documento aparte con extensión CSS, que posteriormente será llamado del documento HTML o XML en el que se desee aplicar esta hoja.
- En una hoja de estilo interna: consiste en colocar las reglas de la hoja de estilo dentro del head de la página en que actúan. Si bien este método mantiene separado el código HTML del estilo, entorpece su aplicación a muchas paginas Web, por lo que solo es recomendable usarlo cuando se quiere agregar una característica de estilo a una pagina en concreto.
- En una línea de HTML: este método es usado para darle estilo a los correos electrónicos en HTML, pues en un correo no se admiten las otras dos maneras de agregar estilo, se puede usar en una pagina Web, sin embargo no es una buena practica pues no proporciona estructuración al estilo y además su aplicación puede ser laboriosa.
El W3C (Word Wide Web Consortium), es la entidad que define los estándares y sintaxis de las hojas de estilo en cascada. Actualmente se encuentra en proceso de desarrollo la especificación CSS 3 que puede aplicarse de manera experimental. Por el momento se mantiene vigente CSS 2.1 como estándar recomendado, existiendo también CSS 2.0 y CSS.
Otras especificaciones interesantes son:
- CSS Mobile Profile 1.0 creada para dispositivos móviles, como teléfonos celulares y PDA.
- CSS Print Profile dirigida a las impresoras de bajo costo, siendo meramente un bosquejo en desarrollo.
- CSS TV Profile 1.0 creada para los buscadores que corren sobre los televisores que soportan navegación en Internet.
Sientance libres de hacer cualquiere pregunta
