Diseño Con CSS

Ya conoces todo esto: los encabezados, los prrafos, las imgenes, las listas y las tablas.
Como recordars, HTML es el "esqueleto" de la pgina web, y CSS te permite darle al

esqueleto algo de piel y de maquillaje.
Pero es posible hacer algo de CSS en lneas. Esto simplemente quiere decir que podemos
poner algo de estilo en nuestro HTML sin preocuparnos por un archivo CSS aparte! Vamos
a aprender esto primero porque har que aprender CSS despus sea mucho ms fcil.
Antes de meternos de lleno entre las fuentes, es importante recordar cmo hacer
comentarios. Puedes incluir pequeas notas, que el navegador no mostrar, en tu cdigo
HTML. Pero estarn en el cdigo para ayudarte a recordar porque hiciste ciertas cosas.
1. Los comentarios comienzan con , as:

Copia el siguiente cdigo en una pgina html
<!DOCTYPE html>
<html>
<head>
<title>Primer cambio de tamao de fuente</title>
</head>
<body>
<p>Aqu va el texto pequeo!</p>
<p>Aqu va el texto de tamao normal!</p>
<p>Aqu va el texto de tamao sper grande!</p>
</body>
</html>
Recuerda que <p> y </p> son etiquetas de inicio y de cierre.

Le podemos dar a las etiquetas ms instrucciones mediante la inclusin de atributos en la
etiqueta de inicio. Un atributo es solamente una caracterstica o una descripcin del
contenido en el elemento. Ya has visto los atributos con src en la etiqueta <img> y href en
la etiqueta <a>.
Vamos a cambiar el tamao de el texto. Cmo? Usamos el atributo style. Escribimos igual
a font-size, seguido de dos puntos, el tamao que deseamos, y finalizamos con px
(abreviatura de "pixeles"). Por ejemplo:
<p style = "font-size: 12px">
Prctica
1. En el primer prrafo, haz que el tamao del texto sea 8px.
2. En el segundo prrafo, haz que el tamao del texto sea 12px.
3. En el tercer prrafo, haz que el tamao del texto sea 44px.
Lo mejor del atributo style es que lo usamos un montn! Y podemos usarlo con muchas
etiquetas diferentes, no solamente con <p>. Ahora vamos a cambiar los colores de nuestro
texto en un encabezado.
Para cambiar el color del texto, simplemente aade el atributo style en la etiqueta de inicio,
luego haz que sea igual a "color:blue" (color azul) o cualquier color que quieras. Por
ejemplo:
<h1 style="color:red">
Y qu tal si quieres cambiar el color y el tamao del texto? Simple! Solo aades un punto
y coma en medio de cada parte. Por ejemplo:
<h2 style="color: green; font-size:12px">
Puedes encontrar una lista completa de los colores disponibles aqu.
Prctica
1. Aade este cdigo <h1>Encabezado grande</h1>, antes de las etiquetas
prrafo.
2. Cambia el color del encabezado a verde y su tamao a 16px.
3. Cambia el color del primer prrafo a violeta.
4. Cambia el color del segundo prrafo a rojo y su tamao de fuente a 8px.
Y si queremos poder decidir qu tipo de fuente usar?. En HTML, a esto se le llama la

familia de fuentes tipogrficas.
Para cambiar el tipo de fuente, simplemente aade el atributo style en la etiqueta de inicio,
luego hazlo igual a "font-family:Helvetica" (o cualquier fuente que quieras). Por ejemplo:
<h2 style="font-family:Garamond">

Diseño Con CSS

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Diseño Con CSS

Загружено:

Авторское право:

Доступные форматы

Ya conoces todo esto: los encabezados, los prrafos, las imgenes, las listas y las tablas.

Como recordars, HTML es el "esqueleto" de la pgina web, y CSS te permite darle al

Recuerda que <p> y </p> son etiquetas de inicio y de cierre.

Y si queremos poder decidir qu tipo de fuente usar?. En HTML, a esto se le llama la

Вам также может понравиться