Introducción CSS

1. Lenguaje de
programación II
Tutor: Oscar Bautista

2. CSS
Dado que las páginas web necesitaban más
potencialidad y diseño y las propiedades de HTML
resultaban escasas para mejorar el diseño y
entonces surgió CSS y CSS3 que mejoraba el
aspecto de las WEBs.
Se logra aplicando características a las etiquetas o
haciendo uso de plantillas.
Y su utilidad es que permite cambiar colores,
tamaños y fondos.

3. Otra forma de adoptar estilos
En el encabezado se utiliza la etiqueta <style>

4. Archivo CSS
Se debe crar
un archivo
.CSS dónde
se ajustarán
los estilos y se
llamará
desde el
archivo HTML
desde link

5. Selectores generales
Si en el
cuerpo del
documento
existe un solo
párrafo o se
quiere
adoptar un
solo estilo se
llama
mediante la
etiqueta, por
ejemplo <p>

6. Ajustar varios elementos
Se selecciona las
partes del
documento que se
quieren ajustar al
mismo formato, por
ejemplo h1, h2, h3

7. Selectores compuestos
Cuando se quiera
diferenciar 2 partes
del documento que
fueron construidas
con similares
características se
debe dividir el texto
con la etiqueta
<div>

8. Selectores compuestos
Seguido de cada div, se
ubica la etiqueta del
formato a modificar

9. IDs y clases
Cuando se quiere
modificar un párrafo o
una parte del
documento en particular
se crean los id=”nombre”
antecedido por la
etiqueta.
Cuando queremos que
varias partes de los
elementos tengan la
misma estructura se
llama clase y se etiqueta
de la misma manera que
ID. En css al id se lo llama
con # y la clase con .

10. IDs y clases

11. Ajustar imágen y enlaces

12. Ajustar imágen y enlaces
Con a e img, se
ajustan los
atributos de la
imagen y el
enlace

13. Taller
Crear una página, que contenga las siguientes
características:
1. Que tenga 1 título principal (h1)
2. 2 subtitulos (h2 y h3)
3. Cada subtítulo debe tener 2 párrafos enlistados.
4. Después del primer subtítulo y antes del 1 párrafo
debe haber una imagen.
5. Después del segundo subtítulo y antes del 1
párrafo de ese segmento debe haber un enlace.
6. Agregar un formulario dónde se hacen 2
preguntas de selección múltiple acerca de qué
tán interesante fue el párrafo.
En la página deben utilizarse los estilos explicados en
clase.