一,CSS简介
(一)CSS用于使用场景就是美化网页,布局页面
1.HTML的局限性
只用于结构,关心内容的语义
2.CSS-美化页面,使结构(HTML)与样式(CSS)相分离
a.CSS是层叠样式表(Cascadung Style Sheets)有时称之为CSS样式表或级联样式表。
b.CSS可以设置HTML中的文字内容(字体,大小,对齐方式等)、图片样式(宽高,边框样式,边距等),以及版面的布局和外观显示样式。
(二)CSS的使用语法规范
1.CSS规则样式:由选择器以及一条或多条声名
hl(选择器){color(属性):red(值);(声名)}
a.选择器是由指定CSS样式的HTML标签,花括号内是对该对象设置的具体样式
b.属性和属性值以“键值对”形式出现
c.属性和属性值之间为英文“:”,键值对之间为“;”
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS语法规范</title>
<style>
/* 选择器+{} */
p{
color: rgb(219, 23, 23);
/* 键值对 */
font-size: 12px;
}
</style>
</head>
<body>
<p>CSS语法规范</p>
</body>
(三)CSS代码风格
1.样式书写
推荐使用紧凑格式书写,参照上文
2.样式大小写
常规使用小写,特殊情况使用大写
3.空格规范
a.在符号后面加入一个空格
b.选择器(标签)后面加空格