ESTUDIARGRATIS.Net Cursos gratis Ymás!
Curso reparación de computadoras | Curso de Guitarra | Crucigramas | Curso Excel | Juegos gratis | Curso inglés | Estudiar informática | Curso Biblia | Curso Windows | Cultura general | Registrarse
Custom Search

Estilos CSS más usados en formato de texto.

Escribe Javier R. Cinacchi en
http://www.estudiargratis.com.ar/webmaster/formatos-texto-css.html
Edición: 10/11/2013

A continuación lo más utilizado en estilos CSS para el caso del texto, en el diseño web. Te doy un ejemplo, y en "notas" más opciones con información. Lo que cambias en cada caso es lo que va después de los dos puntos. Guarda esta página en tus favoritos lo voy a ir mejorando de apoco.

- Centrar un texto en CSS

text-align: center;

Nota: Entonces en el documento de estilo lo llamarías por ejemplo así:
.centrar { text-align: center;}
  • Para alinear un texto a la derecha irá: text-align: right;
  • Para alinear un texto a la izquierda irá: text-aling: left;
  • Para justificar un texto irá: text-aling: justify;
¿No logras comprender bien como se utilizan los estilos CSS? lee esta nota en Estudiargratis.net: Aprender lo básico en estilos CSS

- Tamaño de la letra en CSS

font-size: 11pt;

Nota: Lo puedes indicar al tamaño de la letra mediante puntos "pt" (el ejemplo de arriba); pixeles "px"; o utilizando tamaños de fuente relativos tales como:
  • small;
    En código: font-size: small;
  • medium;
    En código: font-size: medium;
  • normal;
    En código: font-size: normal;
  • larger;
    En código: font-size: larger;
  • x-large;
    En código: font-size: x-large;
  • xx-large;
    En código: font-size: xx-large;
El tamaño de texto relativo que en la práctica se va a mostrar, tiene que ver el elemento contenedor, y en dónde se lo está visualizando.

El tamaño de letra queda mal en los celulares?

Limite el ancho de la web, y en Body indique un ancho de letra relativo. Ejemplo:
.cuerpo {font-size: 125%;}
Nota: Es la propiedad de "body" (body class="cuerpo")

- Tipos de fuente en CSS

Nota: Se suelen indicar varias fuentes por compatibilidad, el navegador si no encuentra una, pondrá otra opcional. A continuación mi combinación fuentes preferidas para el diseño web con estilos CSS, que están también dentro de las familias de fuentes más usadas.
  • font-family: Arial, Helvetica, sans-serif;
  • font-family: Impact, Charcoal, sans-serif;
  • font-family: Century Gothic, sans-serif;
  • font-family: Lucida Sans Unicode, sans-serif;
  • font-family: Times New Roman, Times, serif;
  • font-family: Copperplate / Copperplate Gothic Light, sans-serif;
  • font-family: Georgia, Times New Roman, Times, serif;
  • font-family: Verdana, Arial, Helvetica, sans-serif;
  • font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  • font-family: Courier New, Courier, monospace;
  • font-family: Comic Sans MS, cursive;




- Color del texto en CSS

color : #008000;
Nota: Es la forma clásica de indicar colores en CSS, y aquí tienes para consultar colores CSS o HTML (lo que se cambia es el número) Generador colores CSS / HTML

- La letra en negrita con CSS

font-weight: bold;

- Resaltar algo por atrás en CSS

background-color: yellow;
Ejemplo: Hace este efecto en CSS
Nota: se admiten al especificar colores no sólo con los números, también algunas palabras: black, blue, gray, green, lime, fuchsia, maroon, navy, olive, orange, purple, red, silver, teal, white, aqua, yellow


Copyright 2005-2015 Autor principal y webmaster: Javier R. Cinacchi. Medio de comunicación Facebook ("F"). Prohibida la reproducción parcial o total del contenido de esta Web sin el consentimiento escrito del autor. A excepción de poemas con la condición de no alterar su contenido y mencionar que el autor es Javier R. Cinacchi en cada poema o poesía que le pertenezca, se autoriza a reproducir puntualmente cualquier poesía o poema de este autor. Estas condiciones también se aplican, pero sólo se pueden reproducir hasta 3 textos completos, en la reproducción de textos sobre la Biblia o relacionados, sobre otros temas en general todos los derechos reservados, puede citar un párrafo por página y poner links a esta web. Leer antes de utilizar esta Web: Aclaraciones legales y politica de privacidad.
En Estudiar gratis . net hay muchos contenidos incluso ¿Ya sabes usar planillas de cálculo? Excel por ejemplo

Curso gratis de Excel aquí


¿Sabía que en Cursos webmasters de diseño web se amplía o actualiza algo continuamente? No acepte imitaciones.

En la Biblia dice:
(1) Muy dichoso aquel que no se guió por consejo de malos, ni estuvo en camino de pecadores, ni en silla de burladores se ha sentado:
(2) Antes, en la Enseñanza de Yahweh está su deleite, y en su Enseñanza medita de día y de noche. Salmo 1.

Volver a la web principal: Cursos gratis diseño web y más!