Lmi Ejercicios Css Ion Bastida Fernandez Copia En Conflicto De Alumno Desktop 2014 12 18
4 HOJAS DE ESTILO
4.1 LIMITACIONES DE HTML
4.1.1 INTRODUCCION
Hoy en dia se ha entendido que html no es un lenguaje muy apropiado para definir el formato de una pagina. Razones:
-->Podemos reutilizar el formato fácilmente para diferentes páginas manteniendo un formato coherente y armonioso en todo el sitio web. Con las etiquetas HTML no es posible, habría que volver a utilizar lasetiquetas ya definidas.
-->Permite usar HTML sólo como lenguaje semántico. De otro modo perderíamos el significado del texto.
-->De usar sólo HTML, habría infinidad de etiquetas y una gran probabilidad de que cada navegador use las suyas propias.
-->El formato y el contenido son independientes, con lo que se puede utilizar un lenguaje más apropiado para definir el formato.
4.1.2 AYUDA DECSS
Se trata de un lenguaje de texto que se incrusta en las páginas web para modificar el formato de la página.
Por lo tanto CSS facilita la homogeneidad de las paginas web y su mantenimiento, hoy por hoy es considerada una herramienta imprescindible para el tratamiento de las paginas web.
4.2 VERSIONES DE CSS
-->CSS1: Estandarizada en 1996 por la W3C incluye formatos de texto, párrafo,márgenes, lista, tamaños de imágenes,…
-->CSS2:Amplía el CSS anterior para incluir sobre todo posicionamiento, además de tipos de medios.
-->CSS3: se compone de una serie de módulos que definen diferentes especificaciones que sumadas a CSS2 dan lugar a posibilidades muy avanzadas de formato.
4.3 SINTAXIS BASICA DE CSS
CSS es un lenguaje distinto de HTML es muy sencillo, pero su dificultadradica en que es muy extenso.
selector {
propiedad1:valor1;
propiedad2:valor2;
…
}
El selector es la parte de CSS que nos permite indicar a qué elemento (o elementos) de la página web se va a aplicar el formato CSS. Para indicar dicho formato se marcan propiedades del elemento a las que asignamos valores. Esas propiedades permiten modificar el formato del elemento y los valores indican cuál es sunuevo formato.
p{
font-size:14pt;
color:red;
}
4.3.1 COMENTARIOS
p {
line-height:10pt;
/*El siguiente código marcará el texto subrayado*/<---------(comentario)
text-decoration:underline;
text-align:center;
}
4.4 INSERCION CODIGO CSS
Este texto sale de color negro (normal)
4.4.2 ELEMENTO CABECERA STYLE
Este texto sale de color rojo
Este texto sale de color rojo también
El elemento style usa fundamentalmente dos atributos:-->type: Que siempre contiene el valor text/css.
-->media. Identifica a qué tipo de dispositivo se aplican los estilos. Podemos diseñar diferentes estilos en función de los dispositivos.
Otra forma (más utilizada) de indicar diferentes medios es utilizar dentro del código CSS la directiva @media:
4.4.3 EN UN ARCHIVO EXTERNO
Se trata de crear un archivo de texto con extensión CSS al que
se le inserta código CSS. La ventaja es que el mismo archivo nos sirve para aplicar sus estilos a diferentes documentos y si variamos simplemente el archivo CSS, todos los documentos que usen esa hoja de estilo cambiarán automáticamente. Hay que usar el elemento link:
Hemos creado un archivode texto css llamado estilos.css
p{
color:red;
}
El código siguiente provocaría que los dos párrafos se muestren en rojo.
Este texto sale de color rojo
Este texto sale de color rojo también
La etiqueta...
Regístrate para leer el documento completo.