CSS样式定义由以下部分组成:
1. 属性(Properties):属性是CSS样式定义的核心,用于描述网页元素的属性值。例如,颜色、字体、大小等。每个属性都有一个唯一的名称和值,例如:
“`
color: #FF0000;
font-size: 18px;
“`
上面的代码定义了一个颜色为红色、字体大小为18像素的元素属性。
2. 选择器( selectors):选择器是用于选择HTML元素的标签。例如,在下面的代码中,`<p>`标签是选择器,用于选择段落元素:
“`
p {
color: #FF0000;
font-size: 18px;
“`
3. 类(Class):类是用于给元素添加属性的方法。例如,下面代码将创建一个名为“Hello”的类,该类将定义一个红色背景和一个字号为16像素的字体:
“`
.Hello {
color: #FF0000;
font-size: 16px;
“`
上面的代码创建了一个名为“Hello”的类,该类将定义一个红色背景和一个字号为16像素的字体。在浏览器中,当用户点击一个“Hello”元素时,该元素的颜色和字体将自动根据类的属性值进行调整。
4. 样式(Style):样式是用于控制元素样式的代码。可以使用类、选择器和属性来定义样式。例如,下面代码将定义一个红色的背景和一个字号为18像素的字体,并将其应用于一个元素:
“`
.hello {
background-color: #FF0000;
font-size: 18px;
“`
上面的代码定义了一个名为“hello”的类,该类将定义一个红色的背景和一个字号为18像素的字体。通过使用样式,可以自定义元素的样式,使其与特定的样式定义相匹配。
CSS样式定义是由属性、选择器、类和样式组成的。通过定义这些元素,可以让网页更加美观、易于阅读和维护。