CSS由选择器和样式构成
选择器(基础选择器和复合选择器)
基础选择器:标签选择器,类选择器,id选择器,通配符选择器。
在写代码的时候需要注意格式可以看的更清楚。
使用类选择器制作盒子div,但需要注意不能使用标签来命名。
<style>
.red {
height: 200px;
width: 200px;
background-color: red
}
.green{
height: 200px;
width: 200px;
background-color: green
}
</style>
id选择器和类选择器的区别:
id选择器只能调用一次,类选择器可以调用很多次。
<style>
/* #样式 结构用id调用 */
#shushu {
background-color: purple
}
</style>
</head>
<body>
<div id="shushu">
like
</div>
通配符选择器:不需要调用,会自动选择。
使用符号*可以选择所有标签
CSS的字体属性
单个的属性:
<title>成为小丑的鼠鼠</title>
<style>
#bad {
color: purple
}
div {
font-size: 200px;
font-family:'宋体';
font-style: initial;
font-weight: 600;
}
</style>
</head>
<body>
<div id="bad">莫待无花空折枝</div>
</body>
CSS字体的复合属性:需要严格遵守规律
按照font-style font-weight font-size/line-hight font-famliy 的顺序进行书写。