¡Advertencia!
Este tema no ha tenido respuestas en más de un mes. Recuerda que si deseas añadir una nueva debes cumplir con las normas de la web.
- ¿Qué es CSS?
-Siglas de "Cascading Style Sheets" (Hojas de Estilo en Cascada), es una tecnología desarrollada con el fin de separar la presentacion de la estructura del HTML. Funciona aplicando reglas de estilo a los elementos HTML, entre las que incluyen, tamaño, color de fondo, color del texto, posicion de los elementos, margenes, tipos de letra, etc... quedando de esta manera toda lo que tiene que ver con la parte gráfica de la web, separada completamente de la estructura del HTML.
Este lenguaje desarrollado por la W3C, ha venido haciendose cada vez mas importante entre los diseñadores, gracias a la facilidad de uso y a los optimos y flexibles resultados.
- Bueno Empezemos por los más básico. Tenemos que conoces los:
-Atributos
-Valores
-Selectores
Atributos
-Son las palabras que usaremos para indicar cual estilo queremos modificar, por ejemplo, si queremos cambiar el tipo de letra, usamos el atributo "font", si es el fondo, el atributo "background", etc.
Valores
-Son para definir como vamos a modificar el atributo, o la propiedad que le daremos. Por ejemplo, si queremos que un tipo de letra sea rojo, usamos el atributo "font" y el valor "red".
Selectores
-Se usan para definir sobre cuales elementos HTML vamos a aplicar los estilos, si queremos definir un estilo para toda la pagina, debemos usar el selector "body" que se refiere a la etiqueta <body> del documento HTML.
Hay tres tipos de selectores:
ñLos selectores de etiquetas HTML, se utilizan escribiendo el nombre de la etiqueta a la que le aplicaremos el estilo.
ñLos selectores de identificador, se usan para aplicar estilos solo a las etiquetas identificadas con un nombre.
ñEl tercer selector es el de clase, se escribe en el documento CSS comenzando con un punto "." seguido del nombre que le queramos poner a la clase, de esta forma:
.mi_clase.
La Sintaxis
-La sintaxis:
Es muy simple, primero se coloca el selector, luego se abre una llave "{" y se empiezan a colocar los atributos, seguidos de dos puntos ":" y luego el valor seguido de punto y coma ";", al final de todo se cierra el estilo para el selector con el cierre de llave "}". Se pueden definir tantos atributos con sus respectivos valores como se desee, separandolos con un espacio o un salto de linea. En CSS se deben escribir los atributos y valores con minusculas y los comentarios se encierran con "/*" para abrir y "*/" para cerrar, como veremos en el siguiente ejemplo:
/*CSS sobre selector de etiquetas*/
body {
font-family: arial;
font-size: 12px;
color: black;
background-color: #cccccc;
}Ahoraa analizaremos el código:
bodyQue significa "cuerpo" esto define todo lo del cuerpo de la página.
{Abrimos la llave del código.
font-family: arial;Como lo dice "fuente", le pusimos un ":" para decir cual y le pusimos "arial"y cerramos con un punto y coma para que se active
";"
font-size: 12px;El tamaño de las letras en toda la página. Usamos "px" porque el CSS usa pixeles como parámetro de estatura.
color: black;Como dice el codigo, las letras de color negro, y podemos usar los dos hexcodes y nombres o valores.
PRONTO SEGUIRE
Fuente: Cristalab
Extendido: FreshOs
Ejemplo de Página: InteractivePencil.com (construccion)