1.CSS语法
选择器 {
CSS属性名：属性值；
}
2.CSS常见属性
color：文字颜色
font-size：字体大小
background-color：背景颜色
width：宽度
height：高度
3.CSS引入方式
（1）内嵌式
CSS 写在style标签中 提示：style标签虽然可以写在页面任意位置，但是通常约定写在 head 标签中 （2）外联式
CSS 写在一个单独的.css文件中 提示：需要通过link标签在网页中引入 （3）行内式
CSS 写在标签的style属性中 提示：基础班不推荐使用，之后会配合js使用
4.基础选择器
（1）标签选择器
结构：标签名{
CSS属性名：属性值；
}
注意：标签选择器选择的是一类标签，而不是单独某一个标签
无论嵌套关系有多深，都能找到对应的标签
（2）类选择器
结构：.类名 {
css属性名：属性值；
}
注意：所有标签上都有class属性，class属性的属性值称为类名
类名可以由数字、字母、下划线和中划线组成，但不能以数字或中划线开头
一个标签可以有多个类名，类名之间以空格隔开
类名刻意重复，一个类选择器可以同时选中多个标签
（3）id选择器
结构：#id属性值 {
css属性名：属性值；
}
注意：所有标签上都有id属性
id属性值类似于身份证号码，在一个页面中是唯一的，不可重复的！
一个标签上只能有一个id属性值
一个id选择器只能选中一个标签
（4）通配符选择器
结构：*{
css属性名：属性值；
}
5.字体样式
（1）字体大小 font-size
取值：数字+px 谷歌浏览器默认文字大小是16px
（2）字体粗细 font-weight
取值：关键字 ： 正常：normal 加粗：bold
纯数字： 范围是100-900，正常对应的是400，加粗对应的是700
（3）字体样式 font-style
取值：正常值（默认值）：normal 倾斜：italic
（4）字体系列 font-family
取值：具体字体1,具体字体2,具体字体3,具体字体4,...,字体系列 具体字体："Microsoft YaHei"、微软雅黑、黑体、宋体、楷体等…… 字体系列：sans-serif（无衬线字体）、serif（衬线字体）、monospace（等宽字体）等……
（5）font属性的连写
取值：swsf（稍微舒服） style weight size family
要求：只能省略前两个，如果省略了相当于设置了默认值
注意：如果需要同时设置单独和连写形式 要么把单独的样式写在连写的下面 要么把单独的样式写在连写的里面
6.文本样式
（1）文本缩进：text-indent
取值：数字+px、数字+em
（2）文本水平对齐 text-align 如果要让文本水平居中，必须给他父元素设置
取值：left 左对齐
center 居中对齐
right 右对齐
（3）文本修饰
取值：underline 下划线
overline 上划线
line-through 删除线即中横线
none 无装饰线（清除下划线）
（4）水平居中两种方法
<1>.text-align : center
让文本、span标签、a标签、input标签、img标签居中
注意：
如果需要让以上元素水平居中， text-align : center 需要给以上元素的 父元素 设置
<2>.margin: 0 auto 是让大盒子居中的（div、p、h）
注意：
如果需要让 div、p、h（大盒子） 水平居中，直接给 当前元素本身 设置即可
margin：0 auto 一般针对于固定宽度的盒子，如果大盒子没有设置宽度，此时会默认占满 父元素的宽度
（5）行高 line-height
取值：数字加px/倍数
如果让单行文本垂直居中的话，设置行高等于父元素高度
网页精准布局时，设置line-height：1 取消上下间距
行高与font连写的注意点： 如果同时设置了行高和font连写，注意覆盖问题 font : style weight size/line-height family ;
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
