1.伪类和微元素 1.伪类 1.：link 链接未被点击时，可以设置颜色 2.：visited 链接被点击过后，显示的颜色 3.：hover 鼠标放上去时的颜色 4.：active 鼠标点击时的颜色 5.：focus（input标签获取光标焦点） 2.伪元素 1.：first-letter 第一个字 2.：before（重要，在内部前面添加） 在一个步骤的前面 3. ：after在一个步骤的后面 2.css属性 1.字体 1.font-family 网页可以选用的字体，如果没找到使用系统默认 2.font-size 字体大小 3.font-weight 字体的粗细，深浅 2.文本属性 1.text-align 对齐 2.text-decoration 装饰（去除a标签的下划线（text-decoration：none）） 3.text-i ndent 首行缩进 3.背景属性 1.background -color 背景颜色 2.-background-image 背景图片 （url（） no-repeat 不重复 50%） 4.color 1.red（直接写名字） 2.#FF0000 十六进制 3.rgh（） 红绿蓝三色混合 5.边框属性border 1.border-width（宽度） 2.border-style（实线虚线电线） 3.border-color 边框颜色 4.简写 border 1px solid red 大小，实现，颜色 6.css盒子模型 1.ontent内容 2.padding（内填充）调整内容和边框距离 3.border边框 4.margin 外边距 多用于调整标签的距离 注意：要习惯看浏览器conslose模型 7.display （标签的展现形式） 1. inline 变成内联标签 2. block 变成块级标签 菜单里面的a标签可以设置block 3. inline-block 既有行内标签又有块级标签 4. none 不显示标签，但是不占位 8.float （浮动） 1.多用于实现布局效果 1.顶部的导航条 2.页面左右分兰（博客，左边20%） 2.float 1.任何标签都可以浮动，浮动之后都会变成块级， 3.float取值 1.left right none 9.clear 清除浮动–》清除浮动的副作用（内容飞出，父标签撑不起来） 1.结合伪元素 .clearfix：after{ content:"" display:“block” clear:both } 10.overfloat 1.标签的北荣放不下（溢出） 2.取值 1.hidden -->隐藏 2.scoll -->出现滚动条 3.auto 4.scroll-x 5.scroll-y 11.定位position 1.static（默认） 2.relative（相对定位–>相当于原来的位置） 3.absolute(绝对定位–>相当于定位过的前辈标签) 4.fixed 固定–>返回顶部按钮示例 12.opacity（不透明度） 1.取值0-1 2…和raga（）的区别： 1.opacity改变元素\子元素的透明度效果 2.rgba()只改变背景颜色的透明度效果 13 .z-index 1.数值越大，越靠近你 2.只能作用于定位过的元素
