Text transform

Seguramente en mas de una ocasión os habréis dado cuenta que por ejemplo al poner el título en un post no aparece tal y como lo hemos escrito, por ejemplo ponéis “Título” y al publicarlo aparece “TÍTULO” de igual forma puede suceder que os aparezca todo en minúsculas, o que el inicio de cada palabra venga en mayusculas.
Partiendo de una entrada en el blog de Gema donde nos explica como solucionar este problema.
Vemos que los datos que aparecen son por la propiedad text-transform, la cual aparece añadida en la CSS de nuestra plantilla.

¿Que significa cada propiedad?
Capitalize: Todas Las Palabras Del Texto Empiezan De Esta Forma.
Uppercase: TODO EL TEXTO APARECE EN MAYÚSCULAS.
Lowercase: todo el texto aparece en minúsculas.
None: El texto aparece tal y como lo hemos escrito.

Si queremos controlar la propiedad text-transform de nuestro blog, en primer lugar tenemos que localizar que parte de nuestra plantilla queremos modificar.

Todo el Blog: body {
Título del blog: #header h1 {
Descripción del título: #header.description {
Entradas: .post {
Sidebar: .sidebar {
Pie de las entradas: .post footer {
Comentarios: #comments {
Y también en los enlaces, una vez ubicado body { a continuación
a:link es el enlace tal y como se ve
a:visited es el enlace visitado
a:active es cuando pulsamos en el
a:hover es cuando nos situamos encima con el cursor
Fuente:

Related Posts with Thumbnails