Conceptos básicos de HTML de lectura imprescindible: una comprensión integral de la hoja de estilo CSS

Autor：Eve Cole Fecha de actualización：2025-05-26 06:00:03

CSS (hoja de estilo en cascada, hoja de estilo en capas), la función es embellecer las páginas web HTML.

/*Área de comentarios*/Esta es la sintaxis de comentarios

1. Hoja de estilo

(I) Clasificación de hojas de estilo

1. Hoja de estilo en línea

Se muestra junto con HTML, con control preciso, pero mala reutilización y más redundancia.

Ejemplo: <p style = font-size: 14px;> en línea Stylesheet </p>

2. Hoja de estilo de incrustación

Como un área independiente integrada en la página web, debe escribirse en la etiqueta de cabeza.

P // Formato funciona en P Tag

{

estilo;

}

</style>

3. Hoja de estilo externo

Cree un nuevo archivo CSS para colocar la hoja de estilo. Si desea llamar a una hoja de estilo en un archivo HTML, debe hacer clic con el botón derecho → Hoja de estilo CSS → Hoja de estilo adjunta en el archivo HTML. En general, se utiliza la conexión de enlace.

Nota: No hay necesidad de escribir etiquetas de estilo en el archivo CSS

Algunas etiquetas tienen márgenes predeterminados, que generalmente se eliminan primero cuando escriben código de hoja de estilo (se pueden establecer otros estilos), de la siguiente manera:

Nota: La imagen de arriba es eliminar los márgenes y el espacio primero.

(Ii) Selector

1. Selector de etiquetas. Use el nombre de la etiqueta como selector.

2. Selector de clases. Todos comienzan con .

Nota: El selector de clases se puede superponerse con el selector de etiquetas para mostrar diferentes efectos.

3. Selector de identificación. Empiece con # .

Nota: El selector de ID se puede superponerse con el selector de etiquetas para mostrar diferentes efectos.

4. Selector de compuesto

(1) Use, separe e indique el paralelismo.

(2) Separe con espacios para representar a los descendientes.

(3) Filtro.

2. Propiedades de estilo

(I) fondo y primer plano

1. Antecedentes:

2. Fuente de primer plano:

(Ii) bordes y bordes

borde (borde de mesa, estilo, etc.), margen (espacio exterior de mesa). relleno (contenido y espaciado celular).

(Iii) Lista y bloqueo

El ancho , la altura , ( arriba , abajo , izquierda , derecha ) solo es útil en coordenadas absolutas.

Muestra el código CSS Stylesheet:

Código de archivo CSS:

CODE CODE CSS Copiar contenido al portapapeles