1. Introducción a la gramática:
1. Una regla CSS consta de dos partes principales: un selector y una o más declaraciones:
(1) Un selector suele ser un elemento HTML cuyo estilo debe cambiar.
(2), cada afirmación consta de un atributo y un valor.
(3) Atributo es el atributo de estilo que desea establecer. Cada atributo tiene un valor. Los atributos y valores están separados por dos puntos.
2. Ejemplos
Las declaraciones CSS siempre terminan con un punto y coma; y las declaraciones siempre están encerradas entre llaves {}
p {color: rojo; alineación de texto: centro;}
Para que el CSS sea más legible, puede describir solo una propiedad por línea:
p {
color:red;
text-align:center;
}
2. Comentarios CSS
Los comentarios se utilizan para explicar su código y siéntase libre de editarlo, los navegadores lo ignoran.
Los comentarios CSS comienzan con /* y terminan con */ , los ejemplos son los siguientes:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS基础学习</title>
<style>
h1 {
/* 字体颜色设置为红色*/
color: red;
}
p {
/* 段落 添加背景*/
background-color: aqua;
/* 段落 文字居中显示*/
text-align: center;
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>