Colección de citas famosas - Slogan de motivación - Cómo escribir estilos similares a id en HTML

Cómo escribir estilos similares a id en HTML

Hay muchas técnicas de las que hablar, así que presentaré algunas. Si quieres conocer más detalles, debes practicar más para encontrar el problema. Lo mismo ocurre con hablar inglés. Si no consigues solucionar el problema, puedes volver a preguntarme por privado.

1. Aplicación del selector css:

En términos generales, para escribir css, primero debes definir una identificación o clase antes de poder usarlo. De hecho, los elementos que definen una identificación o clase pueden ir seguidos de descendientes. Por ejemplo,

& ltdiv id = " prueba " & gt

& ltp & gtxxxxxxxxxx & ltspan & gtxxxxxxxxx & lt/span>. xxxxxxxxxxxxxxxxx & lta href = " # " & gtxxxxxxxx & lt/a & gt; & lt/p & gt;

& lt/div & gt; Puede utilizar los elementos bajo el div.

#test p

#test span

#test a

Esta definición es la misma que escribir una clase, lo que la hace más fácil para guardar cada El nombre del elemento.

2.2. Niveles de CSS:

Existen muchos niveles de CSS. Sólo unas pocas palabras.

Estilos en línea>Estilos definidos por id>Estilos definidos con clases

¿Qué quieres decir con que es como si estuviera lleno de esto?

& ltstyle & gt

#test{font-size:16px}

. prueba {font-size:14px}

& lt/style & gt;

& ltp id = " test " class = " test " style = " font-size:12px " >xxxxxxxxxxxxxx & lt/p & gt;

El estilo final ejecutado es tamaño de fuente:12px. El mismo estilo será anulado por el nivel más alto y los diferentes estilos no se verán afectados. 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.

& ltdiv id = " prueba " & gt

& ltp & gtxxxxxxxxxx & ltspan & gtxxxxxxxxx & lt/span>. xxxxxxxxxxxxxxxxx & lta href = " # " & gtxxxxxxxx & lt/a & gt; & lt/p & gt;

& lt/div & gt;

a{font-size:16px}

#Prueba a{font-size:14px}

#Prueba p a{font-size:12px}

Entonces el tamaño de fuente de la etiqueta A en el código anterior es 12px. Los llamados detalles de definición son los detalles de la etiqueta principal del elemento que desea definir.

3.3. Cobertura de clases:

Esto significa que puede escribir varias clases, por ejemplo

& ltp class = " clase 01 clase 02 clase 03 " >xxxxxxxxx </p>

Esta etiqueta p define tres clases, todas tendrán efecto y la última anulará a la primera.

Por ejemplo, estas tres clases son

clase 01 { font-size:16px; color: #333}

. :14px; font-weight: negrita}

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

Finalmente, color, peso de fuente y fuente. La familia implementa tres atributos y el tamaño de fuente es 12 px. Creo que al final está escrito class03, que se puede usar para lograr una variedad de combinaciones de estilos y combinar nuevos estilos.

Personalmente creo que esto es lo más importante. En cuanto a compatibilidad y css3, no lo sé. En definitiva, si quieres aprender necesitas estudiar más y practicar más, no hay otra manera.