Clasificación de etiquetas
Hay tres tipos diferentes de elementos de etiqueta en HTML: elementos de bloque, elementos en línea y elementos de bloque en línea.
Elemento de bloque
Todos los elementos comienzan en una nueva línea, y los siguientes elementos también comienzan en una nueva línea; se puede establecer la altura, el ancho, la altura de la línea y los márgenes superior e inferior del elemento; si no se establece el ancho del elemento, es su propio contenedor principal 100% (consistente con el ancho del elemento principal), a menos que se establezca un ancho.
Elemento en línea
Y otros elementos están en una línea; la altura, el ancho y los márgenes superior e inferior del elemento no se pueden establecer; el ancho del elemento es el ancho del texto o la imagen que contiene y no se puede cambiar.
Elemento de bloque en línea
Y otros elementos están en una línea; se pueden establecer la altura, el ancho, la altura de la línea y los márgenes superior e inferior del elemento.
CSS
CSS (nombre completo en inglés: Cascading Style Sheets) Cascading Style Sheets, es un lenguaje informático utilizado para expresar HTML (una aplicación de Standard Universal Markup Language) o XML (un subconjunto de Standard Universal Markup Language).
La última versión de CSS es CSS3, que es un lenguaje de diseño de estilo que realmente puede separar el rendimiento y el contenido de una página web. En comparación con el rendimiento del HTML tradicional, CSS puede realizar un control preciso a nivel de píxel sobre la posición y el diseño de los objetos en las páginas web, admite casi todos los estilos de tamaño de fuente, tiene la capacidad de editar objetos de página web y estilos de modelo y puede realizar interacciones preliminares El diseño es actualmente el mejor lenguaje de diseño expresivo basado en la visualización de texto. CSS puede simplificar u optimizar la escritura de acuerdo con la capacidad de comprensión de los diferentes usuarios, y tiene una gran legibilidad para todo tipo de personas.
CSS se utiliza para embellecer la página web sin que ninguna página sea CSS inútil, por lo que CSS HTML se basa para demostrar sus capacidades.
Uso básico de CSS
Sintaxis básica de CSS
Un estilo CSS consta de un selector y una o más declaraciones de estilo separadas por punto y coma. Cada estilo declarado contiene una propiedad CSS y un valor de propiedad.
选择器名 {
属性 : 属性值;
......
}div {
background-color : red;
}Nota:
- La declaración css debe terminar con un punto y coma; la declaración debe estar encerrada entre {}
- Se recomienda escribir un atributo por línea.
- Si el valor es de varias palabras, cite el valor, como font-family: "agency fb";
Comentario
Comentarios de varias líneas:
/* 这里的内容就是注释 */Uso de CSS
1. Expresión en línea
El estilo en línea define el estilo en el atributo de estilo del elemento html específico. CSS escrito en estilo en línea está altamente acoplado y solo se aplica al elemento actual. Se usa comúnmente al configurar el estilo de un elemento.
<p style="color:red;font-size:50px;">这是一段文本</p>Utilice el método de declaración de atributos de estilo en el elemento actual.
Estilo es el atributo de estilo en línea;
El color es el atributo de color, el rojo es el valor del atributo de color;
Font-size es la propiedad de tamaño de fuente; 50px es el valor de la propiedad de tamaño de fuente
2. Integrado
Incrustado al abrir una sección del área de código css en el contenido de la página html, la práctica habitual es anidar la etiqueta <style> en la etiqueta <head>, llamar al elemento especificado a través del selector en <style> y establecer el CSS relevante .
<style type="text/css">p {color: blue;font-size: 40px;}</style>3. Introduzca archivos de estilo externos
En el desarrollo real, se suele utilizar la introducción de archivos de estilo externos, que pueden hacer que la página html sea más clara y lograr mejores efectos de reutilización.
style.css
p {color: green;font-size: 30px;}test.html
<link rel="stylesheet" type="text/css" href="style.css">El atributo rel: rel especifica la relación entre el documento actual y el documento vinculado.
Hoja de estilo: la hoja de estilo externa del documento.
Muchas veces, una gran cantidad de páginas HTML utilizan el mismo CSS. Luego, puede guardar estos estilos CSS en un archivo .css separado y luego importarlo a través del elemento <link>.
Nota: cuando hay varios estilos, recuerde la premisa de la regla, cuanto más precisa, más prioridad.