CSS总结及兼容性问题【笔记】【持续更新】

一、字体
1.color:red;颜色
2.font-family:”Microsoft YaHei”, “黑体”,”方正”；字体名称
3.font-size:10(px/pt);字体大小
4.font-style:normal;字体样式(normal (正常)，italic (斜体)，oblique (斜体))
5.text-decoration:none;指定文字的文本装饰{Undeline(下划线),line-through(贯穿线)，overline(上划线),none(去除下划线)}
6.text-shadow:字体阴影（length平水， length垂直 , opacity模糊度 ,color颜色）
7.text-transform:none;设置字体的大小写(1.none(无做用),2. capitalize (首字母大写), 3.uppercase(整体转成大写)，4.lowercase（整体转小写） )
8.line-height:10px ;行间距
9.font：12px ‘宋体’

二、文本
1.text-indent:26px ;段落缩进
2.text-overflow：clip;溢出后显示;{clip(不显示…)，ellipsis(使用…)}[white-space: nowrap;强制不换行;overflow: hidden;超出隐藏]
3.vertical-align:top;垂直对起
4.text-align:left;水平对起；{left:左；right:右；center:中}
5.white-space：normal ；强制不换行{normal (没有作用)， nowrap（强制不换行）}
6.word-wrap：normal ；normal (没有作用)； break-word；（强制换行））
7.Letter-spacing:Xpx; ;每个字的间距

三、背景
1.background:#000 50px 100px url(“gqjq.jpg”) no-repeat;（颜色，定位距离，导入图片，平铺类型）
2.box-shadow:背景阴影（length平水， length垂直 , opacity模糊度 ,color颜色）
3.opacity: //设置透明度
4.background:rgba() //第四个参数设置透明度
区别：若中间有字的时候，后者不会把字也透明化，而前者会透明化，即文字的透明度是否与背景的透明度一致

四、定位
8.position:static;
{absolute：相对与上级模版绝对定位， fixed：相对与浏览器的绝对定位[会跟着浏览器走的]， relative：把一个模块设置在相对定位}
a.top:向上距离
a.bottom:向上距离
a.left:向上距离
a.right:向上距离
9.z-index:10;层级关系，越高越向上

position理解：

五、尺寸
1.widht:980px;宽度
2.height:100px；高度

六、布局
1.Float：none；浮动{left:左浮动；right:右浮动}
2.Clear：none；清除浮动{left:清左边；right:清右边;both:清两边}
3.Overflow:visible；超出你所设置高度或宽部分隐藏 {visible：不启用；hidden：超出隐藏}
4.display：block；{block(正常模块), none (隐藏对象)， inline-block（模块对象作为块显示）}
5.visibility ：inherit ；对模块内内空的隐藏{inherit (可见), visible （对象可视）, hidden （对象隐藏）}

clear:both //清楚浮动
dislpay:none //隐藏后不占地方
visibility:hidden //隐藏后地方变空白，占地方
overflow:hidden; //设置对象超过了指定高度宽度，超出部分默认隐藏
__overflow-x:scoll;
__overflow-y:scoll; //设置Y轴滚动条

---

七、内外补丁
1.Margi