/* 基本语法 */
selector {
property: value;
}
/* 例子 */
p {
font-size: 16px;
color: #333;
}
h1 {
font-size: 24px;
font-weight: bold;
color: #000;
}
如上所示,CSS代码的语法结构包含选择器和属性-值对。选择器用于选择HTML标签,而属性-值对则用于设置这些标签的样式。在这里,大家可以看到p标签样式的例子,其中选择器为p,属性-值对包含了字体大小、颜色等样式属性。
另外,通过标签代码,大家可以为HTML标签添加class或id属性,来设置它们的样式。这类代码的语法结构如下:
selector.class {
property: value;
}
selector#id {
property: value;
}
/* 例子 */
p.special {
font-size: 18px;
color: #f00;
}
div#header {
height: 80px;
background-color: #fff;
}
以上代码展示了如何通过class和id属性,为特定的标签设置样式。例如,选择器为p、class为special的标签,大家设置了它的字体大小为18px,颜色为红色。而选择器为div、id为header的标签,则被设置为了高度80px、背景颜色为白色。
总的来说,CSS的标签代码是网页设计中不可或缺的一部分,它可以让网页的样式更加丰富,也可以让网页结构更加清晰。通过不断学习、练习,大家可以更加熟练地使用它。