Descargar la presentación
La descarga está en progreso. Por favor, espere
1
“CSS - Estructura” Rogelio Ferreira Escutia
2
Estuctura de herencia 2
3
Comentarios 3
4
Estructura 4
5
Modificando el comportamiento de etiquetas
5
6
Creando tus propios selectores
6
7
Prioridad de de Asignación de Estilos
1) Estilo del navegador por default. 2) Estilo de una hoja de estilo externa. 3) Estilo dentro de la página HTML. 7
8
Prioridad de de Asignación de Estilos cuando se repite algún estilo
1) Se toma el último estilo asignado. 8
9
Para evitar que una propiedad sea reasignada
1) Se coloca “!important” en la propiedad que queremos que no sea asignada 9
10
Rogelio Ferreira Escutia
Instituto Tecnológico de Morelia Departamento de Sistemas y Computación Correo: Página Web: Twitter: Facebook:
11
Formularios 11
12
Formulario Básico 12
13
13
14
Pre-rellenar campos <!DOCTYPE html> <html> <head>
<meta charset="utf-8" /> <title>Formularios</title> </head> <body> <h2>Pre-rellenado de campos</h2> <form action="recibir.php" method = "post"> Nombre: <input type="text" name="nombre" value="Escribe tu nombre aqui" /><br/> <input type="submit" value="Enviar"/> </form> </body> </html> 14
15
Rogelio Ferreira Escutia
Instituto Tecnológico de Morelia Departamento de Sistemas y Computación Correo: Página Web: Twitter: Facebook:
16
Checkbox <!DOCTYPE html> <html> <head>
<title>Formulario (Checkbox)</title> <meta charset="utf-8" /> </head> <body> <h2>Formulario (checkbox)</h2> <form method="get" action="grabar.php"> Selecciona tus Pasatiempos:<br /> <input name="peliculas" type="checkbox" checked="checked" />Películas<br /> <input name="libros" type="checkbox" />Libros<br /> <input name="internet" type="checkbox" />Internet<br /><br /> <input type="submit" value="Enviar"/> </form> </body> </html> 16
17
Checkbox 17
18
RadioButton <!DOCTYPE html> <html> <head>
<title>Formulario (RadioButton)</title> <meta charset="utf-8" /> </head> <body> <h2>Formulario (RadioButton)</h2> <form method="get" action="grabar.php"> Selecciona tu actividad favorita:<br /> <input name="intereses" type="radio" value="peliculas" checked="checked" />Películas<br /> <input name="intereses" type="radio" value="libros" />Libros<br /> <input name="intereses" type="radio" value="internet" />Internet </form> </body> </html> 18
19
RadioButton 19
Presentaciones similares
