CSS TRABAJO ESCRITO

CSS es un acrónimo de Cascading Style Sheets, hojas de estilo en cascada. Por eso, cuando hablamos del estilo de una página web, o de los estilos de eXe, en realidad nos estamos refiriendo a un archivo CSS. Es en este tipo de archivos donde reside todo el "aspecto" que tendrá nuestro proyecto.
En este apartado vamos a ver todas (o casi todas) las propiedades que se pueden alterar por medio delas hojas de estilo. No se trata, por supuesto, de aprenderlos, tan sólo de tener una referencia. Así, si queremos cambiar el tamaño de la letra, tan sólo tendremos que buscar cuál es la sintaxis que debemos utilizar (obviamente, estará en el apartado fuentes).



















¿Qué es CSS?
Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple quedescribe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.

¿Para qué sirve?
CSS se utiliza para dar estilo a documentos HTML y XML,separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento.

¿Cómo funciona?
CSSfunciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos. Las hojas de estilo están compuestas por una o más de esas reglas aplicadas a un documento HTML o XML. La regla tiene dos partes: un selector y la declaración. A su vez la declaración está compuesta por una propiedad y el valor que se le asigne.

h1 {color: red;}

h1 es el selector

{color: red;} es ladeclaración

El selector funciona como enlace entre el documento y el estilo, especificando los elementos que se van a ver afectados por esa declaración. La declaración es la parte de la regla que establece cuál será el efecto. En el ejemplo anterior, el selector h1 indica que todos los elementos h1 se verán afectados por la declaración donde se establece que la propiedad color va a tener elvalor red (rojo) para todos los elementos h1 del documento o documentos que estén vinculados a esa hoja de estilos.

Las tres formas más conocidas de dar estilo a un documento son las siguientes:
Utilizando una hoja de estilo externa que estará vinculada a un documento a través del elemento , el cual debe ir situado en la sección .


Título



.
.
.
.Utilizando el elemento , en el interior del documento al que se le quiere dar estilo, y que generalmente se situaría en la sección . De esta forma los estilos serán reconocidos antes de que la página se cargue por completo.


hoja de estilo interna


body {
padding-left: 11em;
font-family: Georgia, "Times New Roman", serif;
color: red;background-color: #d8da3d;
}

h1 {
font-family: Helvetica, Geneva, Arial, sans-serif;
}




Aquí se aplicará el estilo de letra para el Título



Utilizando estilos directamente sobre aquellos elementos que lo permiten a través del atributo dentro de . Pero este tipo de definición del estilo pierde las ventajas que ofrecen las hojas deestilo al mezclarse el contenido con la presentación.

Algunas normas básicas a la hora de crear una CSS son las siguientes:
En el siguiente ejemplo, h1{color: red;}, el selector, , le dice al navegador la parte del documento que se verá afectada por esa regla. Los selectores pueden aparecer individualmente o agrupados, separándolos con comas: h1, h2, h3 {
color: red;
}
o lo que es...