11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Unidad 17. Estilos CSS Avanzado (V)17.5Controles <strong>de</strong> fuenteYa hemos visto cómo manejarnos con los s<strong>el</strong>ectores, ahora veremos cómo <strong>de</strong>beremos crear las<strong>de</strong>finiciones <strong>de</strong> los estilos.Empezaremos viendo los controles <strong>de</strong> modificación <strong>de</strong> fuentes:font-family: indica la familia <strong>de</strong> fuente en la que se mostrará <strong>el</strong> texto, pue<strong>de</strong> tomar los valoresserif, sans-serif, cursive, fantasy y monospace:serif, sans-serif, cursive, FANTASY, monospace...Aunque esta propiedad también soporta que nombres un listado <strong>de</strong> diferentes fuentes. Elnavegador las buscará en <strong>el</strong> equipo d<strong>el</strong> usuario y si la encuentra la mostrará. El or<strong>de</strong>n en este casotambién es importante, pues mostrará la que primero encuentre.Es recomendable, aun así, indicar siempre una familia en <strong>el</strong> caso <strong>de</strong> que no se encontraseninguna <strong>de</strong> las fuentes instaladas, ejemplo:p { font-family: Arial, H<strong>el</strong>vetica, sans-serif; }font-style: indica <strong>el</strong> estilo <strong>de</strong> la fuente, pue<strong>de</strong> tomar los valores italic y oblique.italic, obliqueAlgunas fuentes están hechas especialmente para tener una variante en italic (cursiva), paraaqu<strong>el</strong>las que no lo tengan implementado utiliza <strong>el</strong> atributo oblique que hace que <strong>el</strong> navegador inclineautomáticamente la fuente para mostrarla en cursiva.font-variant: establece la variante <strong>de</strong> la fuente. Pue<strong>de</strong> tomar <strong>el</strong> valor small-caps (versales). Elvalor normal hará que se muestre <strong>el</strong> estado por <strong>de</strong>fecto <strong>de</strong> la fuente.SMALL-CAPS, Normalfont-weight: indica <strong>el</strong> peso <strong>de</strong> la fuente. Los valores más utilizados son: bol<strong>de</strong>r, bold y lighter.También pue<strong>de</strong>s utilizar valores d<strong>el</strong> 100 al 900, siendo <strong>el</strong> primero la fuente más ligera y <strong>el</strong> último <strong>el</strong>más pesado.bol<strong>de</strong>r, bold, lighter

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!