Web basic Html + css (1)
1. Descargue Hbulider
1, cree una nueva carpeta y cree un archivo html
2. Primero familiarizado con html5
1. Un lenguaje para describir páginas web
Lenguaje de marcado de hipertexto Lenguaje de
marcado
Use etiquetas html para describir las páginas web
2, extensión html
3, el almacenamiento local se almacena en archivos locales
4, un nuevo hola mundo
5, diseño simple
1 ) Interacción hTML con CSS: link
2) el uso de la cabecera del artículo NAV footor bordor sólida flotante margen de carnes de alto ancho
3) nombre datos de nombres página meta metadatos charset web conjunto de caracteres contenido de títulos del contenido de la página web de nombre nbsp espacio en blanco símbolo de copyright
4) el principal la parte está escrita en el cuerpo
5) El párrafo P enfatiza más el salto de línea br
6) elementos de línea de elemento de bloque
7) las listas se pueden anidar
1, lista ordenada ol li
2, lista desordenada ul li
3, lista de definiciones dl dt
8) hipervínculo y vínculo relativo
9) imagen y video
1, img
2, audio
10) formulario y formulario
1, el
texto de atributo de tipo de formulario se usa para texto sin restricciones y la contraseña se usa para ingresar contraseñas. URL de
correo electrónico
El número se utiliza para los campos de entrada que deben contener direcciones de correo electrónico.
rango se utiliza para campos de entrada que deben contener valores numéricos dentro de un rango determinado.
número Selectores de fecha (fecha, mes, semana, hora, fecha y hora, fecha y hora local) color de
búsqueda
color
enviar botón de envío
fecha día, mes, año
mes mes, año
semana semana y año
hora hora (horas y minutos)
fecha hora hora, día, Mes, año (hora UTC) fechahora-hora local
, día, mes, año (hora local)
2, tabla
Tres, css
uno, introducción a css
En segundo lugar, el elemento
1 es seleccionado inicialmente por el selector , el selector
1) el selector de elementos
2) el selector de id # id atributo
3) el selector de clase clase
4) el selector de comodines
2, el selector compuesto
1) el selector de intersección
2) y Selector de conjuntos
Tres, selector de relaciones
1, selector de elementos secundarios
2, selector de elementos descendientes
4. pseudo-clase La pseudo-clase
CSS se usa para agregar efectos especiales a algunos selectores.
Pseudoelemento
: enlace se usa para indicar enlaces que no han sido visitados (enlaces normales): visitado se usa para indicar enlaces visitados
: hover se usa para indicar el estado del movimiento del mouse
: activo se usa para indicar clics del mouse
Cuatro, pseudo- elemento
cinco, estilo Heredar
6. El peso del suspensor
7. La unidad y el color