Estilos N° 2
Acontinuación te presento más estilos y propiedades:
El atributo "font-family" es interpretado por algunos navegadores como el fin del estilo,
es decir que otros atributos después de este no serán tomados en cuenta, por lo tanto intenta colocarlo de ultimo.
Este atributo tiene algunas propiedades que debes conocer, aquí las tienes:
Tipo de fuente:
El tipo de fuente resulta un verdadero problema pues de una plataforma a otra existen diferentes
tipos de letras y también algunos las fabrican y las usan en sus webs, por lo general tienen un área
de descarga donde bajarse el tipo de letra, pero debes recordar que todas las fuentes que tengas instaladas
se colocan en memoria al iniciar Windows y esta genera que tu maquina se torne más lenta, por este
y demás problemas de compactibilidad algunas empresas han intentado implantar estándares para los tipos
de letras que se usen en el web, pero esto no es posible pues existe gran variedad de sistemas aparte
del unix, Windows ó linux que son usados por diferentes cibernautas en el globo, por ello debes asegurarte
que al editar tu estilo, coloques un equivalente, puedes colocar varias opciones, de esta manera:
{font-family:Fixedsys,Verdana}
De esta manera si el navegador no encuentra una probará la otra, puedes
colocar varias, si no encuentra ninguna instalada usará la fuente por defecto. Pero además de estas
facilidades los CSS también te dan la facilidad de colocar un estilo de familia de fondo, estos son
nombres genéricos de familia de fuentes (serif, sans-serif, cursive, fantasy, o monospace)
tienen la ventaja de que son representados como las fuentes que tenga instaladas el usuario, a
continuación las tenes con más detalle.
- sans-serif (sin adornos)
- serif (con adornos)
- cursive (manuscrito)
- fantasy (no está claro que tipo de letra sea)
- monospace (monoespaciado, o espacio constante)
Propiedades para el borde:
El atributo border-width, puedes usarlo de una forma más dinámica, pues el mismo contiene
diferentes tipos de anchura, aquí te los muestro para que lo entendas:
Anchuras:
border- top- width: 10pt;
border- bottom- width: 10pt;
border- right- width: 5pt;
border- left- width: 5pt;
Nota:Sus valores son los mismos que los de border-width
estilo:
border- style: solid, double, groove, ridge, inset y outset, none.
color del borde
border- color:none, color 'RGB ó nombre';
Propiedades separadores de borde
padding- top
padding- bottom
padding- left
padding- right
Propiedades de font-size
Tamaño absoluto: xx- small, s- small, small, medium, large, x- large, xx- large
Tamaño relativo: larger, smaller
Estilos para las listas
El atributo list-style-type es un atributo especial para las etiquetas
UL y OL
Los valores para list-style-type son:
- none
- disk
- circle
- square
- decimal
- lower- roman
- upper- roman
- lower- alpha
- upper- alpha
Ejemplo:
<ul style="list-style-type:circle">
<li> elemento 1 </li>
<li> elemento 2 </li>
</ul>
La lista de valores anterior tiene el mismo estilo que la del ejemplo.
Comentarios en CSS
Los comentarios son explicaciones ó guías que puedes dejar en el estilo.
Para ello usa_
/* ... comentario ... */,
lo que este en comentario, será ignorado por el
navegador.
Concepto de Herencia
El concepto de herencia se basa, en la idea de que las etiquetas padres heredarán
los estilos a las etiquetas hijas, por ejemplo si colocas un tipo de color para el body
todas las etiquetas tendrán este color para el texto, excepto las que se los definas a través de un
estilo propio, algunas atributos no son heredables a algunas etiquetas, desgraciadamente no tenga un
lista con estas excepciones, pero cuando las tenga las colocaré.
[email protected]
atras Indice siguiente