Manuales modulos Joomla
Manuales componentes Joomla
| Diseño web Joomla |
|---|
|
Si tiene un proyecto para internet, sepa que desde Diseño web Joomla realizo diseño web, web movil vea el portafolio web y la pagina de e-commerce. Tambien puede consultar la web optimizada para telefono movil: diseño web, web movil |
| webmovil.net |
|---|
|
Blog sobre web movil, incluye manuales sobre las extensiones aptas para Joomla movil y Wordpress movil |
|
|
| Manual plugins Joomla |
|---|
| Ultimos comentarios |
|---|
|
| Manuales Css y Templates Joomla |
|---|
| Manuales Posicionamiento web |
|---|
|
| Manuales sobre servidores |
|---|
| Manuales Temas Diversos |
|---|
|
| Búsqueda general |
|---|
|
|
| Login |
|---|
|
|
Template css de Joomla: font, font-family, font-size, etc... |
 |
Visitas: 2801 |
| Template Joomla | |
| Miércoles, 28 de Abril de 2010 14:23 | |
 Vamos a ver las distintas instrucciones font del Css que sirven para formatear los textos de nuestra web: font-familyLa propiedad font-family sirve para determinar el tipo de caracteres que se usaran en una porcion de texto, se aplica a todos los caracteres y es hereditaria, su sintaxis es:font-family: arial, Verdana, sans-serif; Tal como está escrita quiere decir que el browser buscará primero la fuente arial, si no la encuentra la fuente verdana y si no encuentra tampoco ésta buscará cualquiera de la familia sans-serif. Las familias predefinidas son : serif, sans-serif, cursive, fantasy y monospace font-sizeOtra propiedad importante, sirve para definir el tamaño de las letras y números, se aplica a todos los caracteres y és hereditaria, su sintaxis és:font-size: <valor>; Los valores pueden ser absolutos: xx-small, x-small, small, medium, large, x-large, xx-large y aquellos que llevan una unidad de medida: pixel (px), centimetro (cm), milimetro (mm), punto (pt), picas (pc), pulgadas (in), x-height (ex), ejemplos font-size: 12px; font-size: small; font-size: 12mm; relativos: los valores smaller y larger, em (em-height) y aquellos que van en porcentaje, ejemplos font-size: 50%; font-size: larger; font-size: 1.2em; font-weightDefine el espesor del texto, se aplica a todos los caracteres seleccionados y és hereditaria, su sintaxis és:font-weight: <valor>; Donde el valor puede ser un numero 100 - 200 - 300 - 400 - 500 - 600 - 700 - 800 - 900 (de delgado a espeso), o un nombre absoluto: normal és el valor por defecto y equivale a 400, bold equivale a 700 o relativo: bolder indica que será más espesa que el elemento vinvulado y lighter será más delgada. Ejemplos: font-weight: 900; font-weight: bold; font-styleDefine la forma del caracter la sintaxis és font-style: <valor>; y el valor puede ser normal, italic o oblique (parecida a italic), se aplica a todos los elementos seleccionados y és hereditariaLine-heightSirve para dimensionar la interlínea y, más precisamente, la altura de una línea dentro de un bloque, se aplica a todos los elementos y és hereditarialine-height: <valor>; Donde los valores pueden ser: normal: el browser separará las líneas con una distancia “razonable” (entre un valor numérico 1 y 1.2) valor numerico: que corresponde a la dimensión del font multiplicado por éste valor (line-height: 1.5;) valor numerico con unidad de medida: La altura de la línea será igual a la dimensión especificada (line-height: 15px;) porcentaje: que corresponde a un porcentaje de la dimensión del font (line-height: 120%;) fontTodo lo que hemos visto antes lo podemos abreviar con el mandato font, por ejemplofont: bold 12px/1.5 Georgia, "Times New Roman", serif; donde definimos a la vez font-weight, font-size, line-height y font-family |