Tecnico

Solo disponible en BuenasTareas
  • Páginas : 53 (13192 palabras )
  • Descarga(s) : 0
  • Publicado : 13 de enero de 2011
Leer documento completo
Vista previa del texto
CSS desde CERO
El tutorial está pensado para que pueda ser desarrollado por una persona que conoce solo HTML. El objetivo de este sitio es poder aprender CSS en forma sencilla viendo un concepto teórico, luego algunos ejercicios resueltos y por último y lo más importante efectuar una serie de ejercicios. Puede desarrollar los ejercicios en el sitio, probarlos y ver los resultados. Se recomiendaprimero ver el detalle del tema, pasar posteriormente a los problemas ya resueltos del tema tratado (podemos hacer modificaciones sobre dicho problema) y finalmente resolver los ejercicios propuestos.
1 - Que son las hojas de estilo (CSS)?
2 - Definición de estilos a nivel de marca HTML.
3 - Definición de estilos a nivel de página.
4 - Propiedades relacionadas a fuentes.
5 - Agrupación devarias marcas HTML con una misma regla de estilo.
6 - Definición de varias reglas para una misma marca HTML.
7 - Propiedades relacionadas al texto.
8 - Más propiedades relacionadas al texto.
9 - Herencia de propiedades de estilo.
10 - Definición de un estilo en función del contexto.
11 - Definición de hojas de estilo en un archivo externo.
12 - Definición de estilos por medio de clases.
13 -Definición de estilos por medio de Id.
14 - Propiedades relacionadas al borde de una marca HTML.
15 - Más propiedades relacionadas al borde de una marca HTML
16 - Propiedades relacionadas al padding de una marca HTML.
17 - Propiedades relacionadas al margen de una marca HTML.
18 - Propiedades relacionadas a listas.
19 - Propiedades relacionadas al fondo (background)
20 - Propiedadesrelacionadas a fuentes (FORMATO RESUMIDO)
21 - Propiedades relacionadas al border (FORMATO RESUMIDO)
22 - Propiedades relacionadas al padding (FORMATO RESUMIDO)
23 - Propiedades relacionadas al margin (FORMATO RESUMIDO)
24 - Propiedades relacionadas al fondo (background)(FORMATO RESUMIDO)
25 - El selector universal *
26 - Pseudoclases
27 - Eliminar el subrayado a un enlace por medio de laspseudoclases
28 - Creación de un menú vertical configurando las pseudoclases.
29 - Creación de un menú horizontal con una lista.
30 - Propiedades relacionadas a la dimensión de un objeto en la página.
31 - Unidades de medida (px, cm, mm, em etc.)
32 - Formas para indicar el color.
33 - Definir un cursor para un control HTML.
34 - Aplicación de hojas de estilo a un formulario.
35 - Definiendoreglas de estilo a una tabla.
36 - Posicionamiento relativo.
37 - Posicionamiento absoluto.
38 - Disposición de 2 columnas.
39 - Propiedad float aplicada a una imagen.
40 - Disposición de 2 columnas (propiedad float)
41 - Disposición de 2 columnas, cabecera y pie.
42 - Disposición de 3 columnas, cabecera y pie.

1 - Que son las hojas de estilo (CSS)?
CSS son las siglas de Cascade Style Sheetque traducido significa hojas de estilo en cascada.
Las hojas de estilo es una tecnología que nos permite controlar la apariencia de una página web. En un principio, los sitos web se concentraban más en su contenido que en su presentación.
HTML no pone mucha atención en la apariencia del documento. CSS describe como los elementos dispuestos en la página son presentados al usuario. CSS es ungran avance que complementa el HTML y la Web en general.
Con CSS podemos especifiar estilos como el tamaño, fuentes, color, espaciado entre textos y recuadros así como el lugar donde disponer texto e imagenes en la página.
El lenguaje de las Hojas de Estilo está definido en la Especificaciones CSS1 y CSS2 del World Wide Web Consortium (W3C), es un estándar aceptado por toda la industria relacionadacon la Web, o por lo menos, gran parte de navegadores (es verdad el IExplorer de Microsoft nos puede dar un dolor de cabeza).
Podemos visitar W3C (http://www.w3.org/Style/CSS/)
Veremos que podemos asociar las reglas de estilo a las marcas HTML de tres maneras: directamente a la marca, en el head de la página o agrupar las reglas de estilo en un archivo independiente con extensión *.css
En...
tracking img