Los Añosz
Páginas: 6 (1439 palabras)
Publicado: 3 de marzo de 2013
CSS
Son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe cómo se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o endispositivos táctiles basados en Braille.
COMENTARIOS EN CSS: Podemos definir comentarios dentro de un fichero CSS haciendo uso de una sintaxis muy similar a la C/C++, es decir, se considerará un comentario cualquier sección del documento que comience con /* y termine con */. Reglas básicas: Con CSS podemos aplicar reglas de estilo a un tipo determinado de elementos dentró del documento HTML, asípodemos podemos conseguir el mismo efecto que utilizando el marcado tradicional: <h2><font color="red">Texto de prueba</font></h2>Pero con el mínimo esfuerzo: H2 {color: red;}A esta expresión se la denomina "regla", y esta en concreto, permite poner en rojo los elementos de tipo h2. Estructura de las reglas Cada regla tiene dos partes: * El"selector". El selector es la parte de la regla que selecciona a qué partes del documento se les debe de aplicar el estilo. En cuanto a la declaración se compone de una combinación de propiedades CSS. Normalmente, el selector es un elemento HTML, aunque puede tomar otros valores. Si estamos formatenado un documento XML, puede tomar el valor de cualquiera de los elementos o nodos del documento XML:QUOTE {color: gray;} BIB {color: red;} BOOKTITLE {color: purple;} * La "declaración". Además, la declaración se compone de una lista de parejas "propiedad : valor" separadas por punto y coma, que se corresponden con propiedades válidas dentro de la especificación CSS. Motivos por los que se puede anular una declaración: * Si utilizamos un propiedad que no existe, ladeclaración entera es ignorada. * Si utilizamos un valor incorrecto para una propiedad, sólo debería ignorarse el valor, aunque este aspecto depende de la implementación del navegador (aunque la mayoría son bastante tolerantes con los errores en el código CSS). Figura 3. Estructura de una regla Si la definición del valor de una propiedad permite el uso de más de una palabra, estas estarán separadaspor espacios en blanco. Además existen unos poco ejemplos en los que se pueden utilizar otros tipo de elementos dentro de la declaración. Es el caso de la propiedad FONT: H2 {font: large/150% sans-serif;}*IMPLEMENTACIÓN DE ELEMENTOS CSS EN LAS PAGINAS WEBEsta declaración permite definir además del tamaño de la fuente, el grosor de la línea en la que está el texto. |
Las imágenespueden implementarse de dos formas en una página web: como un fondo (background) o como una imagen normal. En el HTML tradicional era bastante sencilla la forma de hacerlo y a continuación conocerás cómo se realiza su implementación desde CSS.
Me enfocaré al código HTML que debe aparecer entre las etiquetas <body> para ahorrar espacio. Lo que debe ir antes y después ya ha sido presentado,explicado y comentado varias veces en forma previa.
En el archivo pruebaCSS.html anota el siguiente código HTML:
La siguiente es una imagen normal.<br /><br />
<img src="prueba.gif" width="150" height="150" alt="Prueba" title="Prueba" border="0" />
Con el código anterior se solicita al navegador que presente la imagen prueba.gif con un ancho y altura de 150 pixeles. Nadade otro mundo. Es algo que ya se ha visto en el Tutorial HTML Básico.
Ahora aprenderás a remover la referencia a la imagen para pasarla al archivo prueba.css. Para ello, debes recordar que siempre se requiere un elemento HTML al cual hacer referencia para presentar las reglas o estilos definidos dentro del archivo CSS.
Lo primero que debes hacer es remover la segunda línea del código...
Son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe cómo se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o endispositivos táctiles basados en Braille.
COMENTARIOS EN CSS: Podemos definir comentarios dentro de un fichero CSS haciendo uso de una sintaxis muy similar a la C/C++, es decir, se considerará un comentario cualquier sección del documento que comience con /* y termine con */. Reglas básicas: Con CSS podemos aplicar reglas de estilo a un tipo determinado de elementos dentró del documento HTML, asípodemos podemos conseguir el mismo efecto que utilizando el marcado tradicional: <h2><font color="red">Texto de prueba</font></h2>Pero con el mínimo esfuerzo: H2 {color: red;}A esta expresión se la denomina "regla", y esta en concreto, permite poner en rojo los elementos de tipo h2. Estructura de las reglas Cada regla tiene dos partes: * El"selector". El selector es la parte de la regla que selecciona a qué partes del documento se les debe de aplicar el estilo. En cuanto a la declaración se compone de una combinación de propiedades CSS. Normalmente, el selector es un elemento HTML, aunque puede tomar otros valores. Si estamos formatenado un documento XML, puede tomar el valor de cualquiera de los elementos o nodos del documento XML:QUOTE {color: gray;} BIB {color: red;} BOOKTITLE {color: purple;} * La "declaración". Además, la declaración se compone de una lista de parejas "propiedad : valor" separadas por punto y coma, que se corresponden con propiedades válidas dentro de la especificación CSS. Motivos por los que se puede anular una declaración: * Si utilizamos un propiedad que no existe, ladeclaración entera es ignorada. * Si utilizamos un valor incorrecto para una propiedad, sólo debería ignorarse el valor, aunque este aspecto depende de la implementación del navegador (aunque la mayoría son bastante tolerantes con los errores en el código CSS). Figura 3. Estructura de una regla Si la definición del valor de una propiedad permite el uso de más de una palabra, estas estarán separadaspor espacios en blanco. Además existen unos poco ejemplos en los que se pueden utilizar otros tipo de elementos dentro de la declaración. Es el caso de la propiedad FONT: H2 {font: large/150% sans-serif;}*IMPLEMENTACIÓN DE ELEMENTOS CSS EN LAS PAGINAS WEBEsta declaración permite definir además del tamaño de la fuente, el grosor de la línea en la que está el texto. |
Las imágenespueden implementarse de dos formas en una página web: como un fondo (background) o como una imagen normal. En el HTML tradicional era bastante sencilla la forma de hacerlo y a continuación conocerás cómo se realiza su implementación desde CSS.
Me enfocaré al código HTML que debe aparecer entre las etiquetas <body> para ahorrar espacio. Lo que debe ir antes y después ya ha sido presentado,explicado y comentado varias veces en forma previa.
En el archivo pruebaCSS.html anota el siguiente código HTML:
La siguiente es una imagen normal.<br /><br />
<img src="prueba.gif" width="150" height="150" alt="Prueba" title="Prueba" border="0" />
Con el código anterior se solicita al navegador que presente la imagen prueba.gif con un ancho y altura de 150 pixeles. Nadade otro mundo. Es algo que ya se ha visto en el Tutorial HTML Básico.
Ahora aprenderás a remover la referencia a la imagen para pasarla al archivo prueba.css. Para ello, debes recordar que siempre se requiere un elemento HTML al cual hacer referencia para presentar las reglas o estilos definidos dentro del archivo CSS.
Lo primero que debes hacer es remover la segunda línea del código...
Leer documento completo
Regístrate para leer el documento completo.