1.css基础样式 （1）内联样式：在标签内部写样式代码（方便却不灵活） （2）内部样式：写在head标签里面，以这种方式（可以控制整个网页的某个标签的样式） （3）外部样式：单独将样式定义成一个文件，然后在需要引用样式的文件内调用样式文件（可供所有需要的文件引用，减少重复性工作） 引入css文件；href css文件的地址 2.css选择器 （1）id选择器 # 当前html页面中id值必须是唯一的 （2）class选择器/类选择器 . 当前html页面中相同名字的class可以写多个 （3）标签选择器 标签名 （4）子代选择器 > （5）后代选择器 (空格) （6）分组选择器 ， （7）伪类选择器 ： （8）通配符选择器 * 权重 ！important 最大 id 100 class 10 伪类 10 伪元素 1 标签 1 3.css背景 （1）背景颜色 background-color: 颜色； （2）背景图片 background-image：url（'../imgs/logo.png'）; （3）背景图片是否重复 no-repeat 不重复 repeat-x x轴方向重复 repeat-y y轴方向重复 例如：background-repeat：no-repeat； （4）背景图片的位置 方向：center left top bottom right px:两个值（x，y）如果只写了x的值，y默认是center 百分比：background-position：10%； 4.css文本 （1）文本对齐方式:left center right text-align:left; （2）文本首行缩进 text-indent:-20px； （3）文本装饰： none没有 underline下划线 overline上划线 line-through划去 5.css字体 （1）设置字体 可以设置多个字体，从前往后依次识别，直到某一个字体支持为止（字体的名称如果是多个单词 需要用引号括起来） font-family: Times, TimesNR, 'New Century Schoolbook',Georgia, 'New York', serif; （2）字体大小 pc默认端字体大小是16px，最小显示的是12px 移动端可以支持小于12px的字体 font-size：16px； （3）字体风格 normal：默认 italic：倾斜 oblique：倾斜展示 font-style: oblique; （4）字体的粗细 权重值表示100～900 默认值是400 bold 加粗 对应的是700 bolder 更粗（相对于已设置过的字体粗细之上 再粗一点点） font-weight: bold； 6.css链接 （1）未访问过的样式 a：link{ color:blue; } （2）已访问过的样式 a：visited{ color:pink; } （3）鼠标划入的样式 a: hover{ color: red; } （4）鼠标点击时的样式 a:active{ color: green; } 当为链接的不同状态设置样式时，请按照以下次序规则： a：hover必须位于a：link和a：visited之后 a：active必须位于a：hover之后 7.css列表（list-style列表样式） type：none取消不展示 disc默认实心圆 square正方形 circle空心圆 decimal数字 position：inside内部 outside外部 配图
