Atributos css y etiquetas html

Solo disponible en BuenasTareas
  • Páginas : 9 (2235 palabras )
  • Descarga(s) : 0
  • Publicado : 20 de febrero de 2012
Leer documento completo
Vista previa del texto
Nombre del atributo | Posibles valores | Ejemplos |
FUENTES - FONT |
color | valor RGB o nombre de color | color: #009900; 
color: red; |
Sirve para indicar el color del texto. Lo admiten casi todas las etiqetas de HTML. No todos los nombres de colores son admitidos en el estandar, es aconsejable entonces utilizar el valor RGB. |
font-size | xx-small | x-small | small | medium | large |x-large | xx-large 
Unidades de CSS | font-size:12pt; 
font-size: x-large; |
Sirve para indicar el tamaño de las fuentes de manera más rígida y con mayor exactitud. |
font-family | serif | sans-serif | cursive | fantasy | monospace 
Todas las fuentes habituales | font-family:arial,helvetica; 
font-family: fantasy; |
Con este atributo indicamos la familia de tipografia del texto. Losprimeros valores son genéricos, es decir, los exploradores las comprenden y utilizan las fuentes que el usuario tenga en su sistema.
También se pueden definir con tipografías normales, como ocurría en html. Si el nombre de una fuente tiene espacios se utilizan comillas para que se entienda bien. |
font-weight | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |font-weight:bold; 
font-weight: 200; |
Sirve para definir la anchura de los caracteres, o dicho de otra manera, para poner negrillas con total libertad. 
Normal y 400 son el mismo valor, así como bold y 700. |
font-style | normal | italic | oblique | font-style:normal; 
font-style: italic; |
Es el estilo de la fuente, que puede ser normal, itálica u oblícua. El estilo oblique es similaral italic. |
PÁRRAFOS - TEXT |
line-height | normal y unidades CSS | line-height: 12px; 
line-height: normal; |
El alto de una línea,y por tanto, el espaciado entre líneas. Es una de esas características que no se podian mofificar utilizando HTML. |
text-decoration | none | [ underline || overline || line-through ] | text-decoration: none; 
text-decoration: underline; |
Para establecerla decoración de un texto, es decir, si está subrayado, sobrerayado o tachado. |
text-align | left | right | center | justify | text-align: right; 
text-align: center; |
Sirve para indicar la alineación del texto. Es interesante destacar que las hojas de estilo permiten el justificado de texto, aunque recuerda que no tiene por que funcionar en todos los sistemas. |
text-indent | UnidadesCSS | text-indent: 10px; 
text-indent: 2in; |
Un atributo que sirve para hacer sangrado o márgenes en las páginas. Muy útil y novedosa. |
|
text-transform | capitalize | uppercase | lowercase | none | text-transform: none; 
text-transform: capitalize; |
Nos permite transformar el texto, haciendo que tenga la primera letra en mayúsculas de todas las palabrs, todo en mayúsculas ominúsculas. |
FONDO - BACKGROUND |
Background-color | Un color, con su nombre o su valor RGB | background-color: green; 
background-color: #000055; |
Sirve para indicar el color de fondo de un elemento de la página. |
Background-image | El nombre de la imagen con su camino relativo o absoluto | background-image: url(mármol.gif) ; 
background-image: url(http://www.x.com/fondo.gif) |
Colocamos coneste atributo una imagen de fondo en cualquier elemento de la página. |
BOX - CAJA |
Margin-left | Unidades CSS | margin-left: 1cm; 
margin-left: 0,5in; |
Indicamos con este atributo el tamaño del margen a la izquierda |
Margin-right | Unidades CSS | margin-right: 5%; 
margin-right: 1in; |
Se utiliza para definir el tamaño del margen a la derecha |
Margin-top | Unidades CSS |margin-top: 0px; 
margin-top: 10px; |
Indicamos con este atributo el tamaño del margen arriba de la página |
Margin-bottom | Unidades CSS | margin-bottom: 0pt; 
margin-top: 1px; |
Con el se indica el tamaño del margen en la parte de abajo de la página |
Padding-left | Unidades CSS | padding-left: 0.5in; 
padding-left: 1px; |
Indica el espacio insertado, por la izquierda, entre el borde...
tracking img