/* CSS样式表的基础语法 */ /* 选择器 {属性: 值;} */ /* 选择器:指定需要样式化的HTML元素 */ /* 属性:需要改变的样式属性 */ /* 值:改变的样式属性的值 */ /* 1. 选择器 */ /* 元素选择器 */ p { color: red; } /* ID选择器 */ #nav { background-color: yellow; } /* 类选择器 */ .box { border: 1px solid black; } /* 派生选择器 */ ul li { list-style: none; } /* 组合选择器 */ a:hover { text-decoration: underline; } /* 2. 属性 */ /* color: 文本颜色 */ color: red; /* background-color: 背景颜色 */ background-color: yellow; /* font-size: 字体大小 */ font-size: 16px; /* font-weight: 字体粗细 */ font-weight: bold; /* text-align: 水平对齐 */ text-align: center; /* vertical-align: 垂直对齐 */ vertical-align: middle; /* border: 边框 */ border: 1px solid black; /* margin: 外边距 */ margin: 0 auto; /* padding: 内边距 */ padding: 10px;
以上为CSS基础语法,可以通过选择器、属性和值对网页实现样式化的效果。