Métodos y técnicas de escritura como el estilo de identificación de clase en html

Hay muchas técnicas, déjame presentarte brevemente algunas. Si quieres conocer más detalles, debes practicar más para encontrar el problema. Es lo mismo si tienes un problema que no puede. puede resolverse, puedes preguntarme en privado

1. Aplicación de selectores css:

En términos generales, al escribir css, no es necesario definir id o clase antes de poder hacerlo. ¿De hecho, los elementos que definen id o clase pueden ir seguidos de etiquetas descendientes, como ,

Con esta estructura, cada elemento bajo el se puede usar div

#test p

# test span

#test a

Esta forma de definir es la misma que escribir clase, y no es necesario nombrar cada elemento, lo cual es muy conveniente

2. Niveles de CSS:

Hay muchas relaciones de niveles en CSS, aquí hay algunas brevemente mencionado

Estilos en línea> Estilos definidos por id> Estilos definidos por clase

¿Qué quieres decir con esto?

#test{font-size:16px}

.test{font -size:14px}

xxxxxxxxxxxxxx

El último estilo ejecutado es font-size:12px. El mismo estilo será sobrescrito por el más alto. estilo de nivel. Diferentes estilos no tendrán ningún efecto. Esto se puede utilizar para clasificar estilos en detalle.

Otra regla de nivel útil es que cuanto más detallada sea la definición, mayor será el nivel, como en el ejemplo de ahora

Si escribo css:

a{font-size:16px}

#test a{font-size:14px}

#test p a{font- tamaño: 12px}

Entonces el tamaño de fuente de la etiqueta a en el código anterior es 12px. La llamada definición detallada se refiere al nivel detallado de la etiqueta principal del elemento que desea definir.

3.Cobertura de clases:

Esto significa que puede escribir varias clases al escribir, como

xxxxxxxxx< /p

Esta etiqueta p define 3 clases. Estas tres clases tendrán efecto y las posteriores sobrescribirán las anteriores.

Por ejemplo, estas tres clases son

.class01{font-size:16px;color:#333}

.class02{font-size:14px;font-weight:bold}

.class03 {font-size :12px;font-family:"SimSun"}

Finalmente, se implementarán los tres atributos de color, peso de fuente y familia de fuente, y el tamaño de fuente implementará 12px. Pensé que class03 estaba escrita al final. Sí, esto se puede usar para lograr múltiples combinaciones de estilos y combinar nuevos estilos.

En mi opinión, estos son los más importantes. En cuanto a la compatibilidad y CSS3 Shenma, creo. No puedo explicarlo en una o dos frases, en fin, si quieres aprender, solo estudia más y practica más, no hay otra manera.