I. Introducción
Si necesita diseñar CSS en HTML, debe configurar los selectores "id" y "clase" en el elemento
Dos, selector de identificación
- El selector de ID puede especificar un estilo específico para los elementos HTML marcados con una ID específica.
- Los elementos HTML usan el atributo id para establecer el selector de id, y el selector de id en CSS se define con "#" .
Las siguientes reglas de estilo se aplican al atributo de elemento id="para1":
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS基础学习</title>
<style>
#para1 {
color: red;
font-size: 30px;
font-weight: 600;
}
</style>
</head>
<body>
<p id="para">这是一个段落1111。</p>
<p id="para1">这是一个段落2222。</p>
</body>
</html>Representaciones:
Nota: el atributo ID no debe comenzar con un número, y la ID con un número al principio no funcionará en los navegadores Mozilla/Firefox.
3. Selector de clases
- El selector de clase se usa para describir el estilo de un grupo de elementos. El selector de clase es diferente del selector de id. La clase se puede usar en varios elementos.
- Un selector de clase se representa en HTML como un atributo de clase, y en CSS, un selector de clase se muestra como un punto (coma) .
En el siguiente ejemplo, todos los elementos HTML con una clase de centro están centrados.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS基础学习</title>
<style>
.para {
color: red;
font-size: 30px;
font-weight: 600;
text-align: center;
}
</style>
</head>
<body>
<p>这是一个段落。</p>
<p class="para">这是一个段落1111。</p>
<p class="para">这是一个段落2222。</p>
</body>
</html>Representaciones:
