Los textos poseen propiedades de estilo CSS específicas. Esta es una lista de esas propiedades.
font: style variant weight size line-height familyEs una forma abreviada de establecer varias propiedades simultaneamente.
font-family familia | familia genérica, [nombre]
Indica el nombre de la fuente o asignar múltiples fuente separadas por comas.
Los nombre con espacios intermedios (por ejemplo "New Century Schoolbook") deben ser escritos entre comillas dobles o simples.
Los nombre con espacios intermedios (por ejemplo "New Century Schoolbook") deben ser escritos entre comillas dobles o simples.
font-size tamaño | porcentaje
font-size xx-small | x-small | small | medium | large | x-large | xx-large
Establece el tamaño de la fuente y el valor inicial es medium.
Las longitudes absolutas ("pt" / "in") deberían usarse racionalmente debido a su poca capacidad de adaptarse a diferentes ambientes de navegación (pueden ser muy pequeñas o muy grandes para un usuario).
En la pantalla, se sugiere un factor de 1.5 entre valores adyacentes, por ejemplo, si medium es 10pt, large debería ser 15pt.
Las longitudes absolutas ("pt" / "in") deberían usarse racionalmente debido a su poca capacidad de adaptarse a diferentes ambientes de navegación (pueden ser muy pequeñas o muy grandes para un usuario).
En la pantalla, se sugiere un factor de 1.5 entre valores adyacentes, por ejemplo, si medium es 10pt, large debería ser 15pt.
font-style normal | italic | oblique
Establece el estilo de la fuente.
font-variant normal | small-caps
Determina si la fuente se muestra en mayúsculas tipo normal o pequeñas.
font-weight normal | bold | bolder | lighter
font-weight 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Se usa para especificar el peso de la fuente.
Los valores bolder y lighter son relativos a la fuente original, mientras que los otros valores son pesos de fuente absolutos.
Ya que no todas las fuentes tienen nueve posibles pesos de visualización, algunos de los pesos pueden agruparse en la asignación.
Los valores 100 a 900 indican un ancho que es cada vez más oscuro. Un tipo normal se corresponde con el valor 400, bold con el valor 700.
Los valores bolder y lighter son relativos a la fuente original, mientras que los otros valores son pesos de fuente absolutos.
Ya que no todas las fuentes tienen nueve posibles pesos de visualización, algunos de los pesos pueden agruparse en la asignación.
Los valores 100 a 900 indican un ancho que es cada vez más oscuro. Un tipo normal se corresponde con el valor 400, bold con el valor 700.
text-decoration none | underline | overline | line-through | blink
Permite que el texto sea decorado mediante una propiedad donde los colores requeridos derivan de la propiedad color.
text-indent tamaño | porcentaje
Define la cantidad de sangría que debería aplicarse a la primera línea.
text-transform none | uppercase | lowercase | capitalize
Permite que el texto se transforme en mayúsculas, minúsculas o tenga en mayúsculas el primer carácter de cada palabra.
word-spacing normal | tamaño
Define una cantidad adicional de espacio entre palabras. El valor debe estar en formato de longitud y se permiten valores negativos.
letter-spacing normal | tamaño
Define una cantidad adicional de espacio entre caracteres en forma similar a word-spacing.
line-height normal | número | tamaño | porcentaje
Controla el espacio entre líneas base de textos.
Si el valor es un número, la altura de línea se calcula multiplicando el tamaño de fuente del elemento por el número.
Los valores en porcentaje son relativos al tamaño de fuente del elemento.
No se permiten los valores negativos.
Si el valor es un número, la altura de línea se calcula multiplicando el tamaño de fuente del elemento por el número.
Los valores en porcentaje son relativos al tamaño de fuente del elemento.
No se permiten los valores negativos.
text-align left | right | center | justify
Alineación del texto del elemento. Esta propiedad es similar en función al atributo ALIGN de HTML.
vertical-align baseline | sub | super | tamaño | porcentaje
vertical-align top | middle | bottom | text-top | text-bottom
Se utiliza para alterar la ubicación vertical de un elemento en relación a su elemento contenedor.
Por defecto es baseline y sólo afecta a los elementos internos.
Por defecto es baseline y sólo afecta a los elementos internos.
11 comentarios:
Buina
Excelente ayuda
Hola, muy buenas ayudas que nos proporcionas, ya me has sacado de varios lios jejej... pero tengo una duda:
en todos mis estilo de fuente tengo: normal... sin embargo los titulos de mis post (o entradas) aparecen en cursiva (italic).
me podrias ayuda de que forma remedio la situacion, ya que deseo que los titulos de mis post sean en formato normal, y no en cursiva.
mi blog de conejillo de indias es:
http://viewtimeclub.blogspot.com
Por lo que veo en tu blog de pruebas, no es un problema de CSS sino que, en la plantilla, los títulos están entre etiquetas EM (emphatized) que son similares a las etiquetas I (italic) y eso, hace que se vean así.
Busca algo parecido a esto:
<h2 class='post-title'>
<em>
.........
</em>
</h2>
Y simplemente, elimina <em> y </em>
Hola, agradezco la prontitud de tu comentario... ahora bien, busqué aquellas etiquetas y no encontré ninguna.
Algo raro que veo en mi plantilla es que los valores de h1 h2 h3 h4 no estan definidos como en otros ejemplos que he visto..
qué otra opcion me aconsejas seguir?
Estoy mirando el código fuente de tu blog de pruebas y te lo confirmo, los títulos de los posts están entre etiquetas <em>
Para verlo, debes tener marcada la opción Expandir artilugios de la plantilla. Luego, busca el texto <em>.
Por otro lado, en la parte de CSS (lo que está entre <b:skin> y </b:skin>) hay algunas definiciones para los títulos pero son genéricas:
body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:15px;}
h2, h2 a, h3 a, h4 a {color:#107009;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color:#A3C159;}
Los de los posts son H2.
Mientras no quites esa etiqueta <em>, seguirá mostrándose inclinada, sea cual sea la definición CSS así que, primero que nada, hay que encontrarla.
Algún ejemplo de como colocarlo en mi plantilla.
Algunos de mis textos que tengo en ella se ven muy simples.
No es posible un ejemplo. Todo depende de qué partes se quieran cambiar.
Orale si es cierto . Bueno si yo deseo modificar la fuente y el tamaño de esta zona. Aquí fue donde coloque las entradas relacionadas. En la imagen me explico un poco mas. http://i492.photobucket.com/albums/rr285/tatasuerte/Formato.jpg .
Bueno gracias y saludos.
El texto " A ver que te agrada" no está dentro de ninguna etiqueta. Puede moficarse cambiando o colocando propiedades dentro de:
.post-footer { ....... }
pero eso afectara al resto.
Convendría entonces que lo colocaras en una etiqueta y allí poner las propeidades; un ejemplo cualquiera:
<span style="color:red:font-size:16px;">A ver que te agrada</span>
Hola, como modifico el espacio entre las filas del texto.P
Depende a lo que te refieras. Puede ser que debas establecer la propiedad line-height.
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
Nota: sólo los miembros de este blog pueden publicar comentarios.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...