EL LENGUAJE CSS
Es una hoja de estilo se compone de una
lista de reglas. Cada regla o conjunto de reglas consiste en uno o más selectores y un bloque de
declaración (o «bloque de estilo») con los
estilos a aplicar para los elementos del documento que cumplan con el selector
que les precede. Cada bloque de estilos se define entre llaves, y está formado
por una o varias declaraciones de estilo con el formato propiedad:valor;.<!R0>
SU USO
Cuando se utiliza CSS, la etiqueta <h1> no debería proporcionar
información sobre cómo será visualizado, solamente marca la estructura del
documento. La información de estilo, separada en una hoja de estilo, especifica
cómo se ha de mostrar <h1>: color, fuente, alineación
del texto, tamaño y otras características no visuales, como definir el volumen
de un sintetizador de voz
1. Una hoja de estilo
interna, que es una hoja de estilo que está incrustada dentro de un documento
HTML, dentro del elemento <head>, marcada por la etiqueta <style>.
De esta manera se obtiene el beneficio de separar la información del estilo del
código HTML propiamente dicho. Se puede optar por copiar la hoja de estilo
incrustada de una página a otra (esta posibilidad es difícil de ejecutar si se
desea para guardar las copias sincronizadas). En general, la única vez que se
usa una hoja de estilo interna, es cuando se quiere proporcionar alguna
característica a una página Web en un simple fichero, por ejemplo, si se está
enviando algo a la página Web
2. Una hoja de estilo
externa, es una hoja de estilo que está almacenada en un archivo diferente al
archivo donde se almacena el código HTML de la página Web. Esta es la manera de
programar más potente, porque separa completamente las reglas de formateo para
la página HTML de la estructura básica de la página
2. Estilos CSS
introducidos por el usuario que ve el
documento, mediante un archivo CSS especificado mediante las configuraciones del
navegador, y que sobreescribe los estilos definidos por el autor en una, o
varias páginas web.
Los estilos marcados
"por defecto" por los user agent, para diferentes elementos
de un documento HTML, como por ejemplo, los enlaces
Propiedades del Lenguaje CSS
texto
word-spacing :normal
| <longitud>
Distancia
que separa a las palabras del texto; usualmente es asignada en forma automática
de manera bastante adecuada.
letter-spacing :normal
| <longitud>
Distancia
que separa a dos letras en el texto; usualmente es asignada en forma automática
de manera bastante adecuada.
white-space :normal
| pre | nowrap
Define
el tratamiento que se le dará al espacio en blanco dentro del elemento. Lo
normal es que más de un espacio en blanco es tratado como un sólo espacio. Si
se usa el valor pre, entonces los múltiples espacios en blanco producirán un
espaciamiento mayor.
El valor
nowrap, indica que los espacios en blanco serán considerados como un caracter
más formando parte de una palabra, por lo que las palabras no serán cortadas.
text-decoration :none | [ underline |
overline | line-throught | blink ]+
Indica
adornos o cualidades extra de la letra. Esta propiedad no es heredada. Los
valores permitidos son underline (subrayado), overline (línea por encima del
texto), line-throught (tachado) y blink (parpadeo),
text-transform :none | capitalize |
uppercase | lowercase
Permite
cambiar el texto al cual se refiere, poniendo la primera letra en mayúscula,
todo en mayúsculas o todo en minúsculas, respectivamente.
Dimensiones y flujo del texto
width
(height) : none | <longitud> | <porcentaje>
Indica
el ancho (respectivamente: la altura) del elemento. Esta propiedad se aplica a
selectores de tipo bloque, o a los que son reemplazados por otros elementos (i.e.:
imágenes).
Los
valores porcentuales se refieren a las dimensiones del elemento del cual
hereden propiedades.
Si una
de las dos dimensiones es fijada, y la otra está en auto, las proporciones se
mantienen.
BIBLIOGRAFIA:
http://tejedoresdelweb.com/w/CSS
BIBLIOGRAFIA:
http://tejedoresdelweb.com/w/CSS
