tarea para 1 de septiembre(realizada)

la tarea se debe desarrollar en html con hojas de estilo la idea basicamente es hacer una noticia con el estilo que aparece en el archivo utilizando las siguentes etiquetas:

p ----> parrafo
h1 --->header principal
h2 ---> header segundario
br ---->salto de linea
hr ----->linea horizontal

--------------------------------------------------------------------------------------

termine la tarea en clases, aqui bajala y muestrala si es que la piden.-

materia del dia, todo lo explicado anteriormente pero en una imagen y con el resultado.

identificando elementos por id

para identificar aparte de las clases antes vistas tambien se puede utilizar el comando #

por ejemplo

detro de la etiqueta style o la hoja de estilos:

asi se declara

#objeto{
color:yellow;
}
para utilizarlo en la pagina html

(p id="objeto")todo lo que esta al interior de esta etiqueta tiene las caracteristicas antes definidas.(/p)

clases css

estamos aprendiendo a utilizar clase en hojas de estilo en casacada(CSS),

estas se dividen en dos tipos:

-globales y para elementos especificos.

para utilizarlas debemos especificar, por ejemplo :


p{
color:red;
}
de tipo ---p.azul{
color:blue;
}
global -- .verde{
color:green;
}

(p)esta letra deveria ser roja!(p/)(/br)
(p class="azul")esta letra deveria ser azul(p/)
(p class="verde")esta letra deveria ser verde y es una clase global(p/)


con este ejercicio el resultado deveria ser que la etiqueta p que se le especifica la clase "azul" deberia tener letras azules y la que no se le especifico deberia ser el color designado por defecto que en este caso seria rojo.
al usar clases globales pueden ser utilizados por cualkier componente.

definiciones :

dentro de la etiqueta style o la hoja de estilo

p.azul{
color:blue;
}

esta es una clase no global solo para la etiqueta (p).---
---------------------------------------------------------

.verde{
color:green;
}

esta es una clase global, puede ser utilizada por cualquier componente.--
-------------------------------------------------------------------------

Libros de referencia

CSS : The missing manual

Idioma ingles
Tamaño 18.54
Paginas 560



http://rapidshare.com/files/280498773/CSS_TheMissingManual_SecondEdition.pdf
o
http://hotfile.com/dl/12658441/2860d14/CSSTheMissingManualSecondEdition.pdf.html

para poner imagenes en los bordes

border-image:url(url de la imagen);

border-corner-image:url(url de la imagen);



para mas informacion http://www.css3.info