css样式笔记

1、opacity 透明度 0透明 1可见
2、 多背景设置
linear-gradient 线性渐变
radial-gradient 径向渐变
text-shadow 文字阴影
box-shadow 盒子阴影
border-radius 圆角设置
filter 滤镜
3、相对定位（relactive）
1，提升层级
2，元素不脱离文档流。位移之后，原始的位置会被保留
3，对元素本身的特性没有影响
4，如果没有偏移量，对元素本身没有影响
4、 绝对定位
1，提升层级
2，完全脱离文档流
3，让内联元素支持宽高
4，没有设置宽度的时候，默认由内容撑开宽度
5，有定位父级的时候，相对于定位父级发生偏移，没有，则相对于document发生偏移
6，相对定位一盘是配合绝对定位来使用的
绝对定位元素和相对定位元素的层级是一样的
固定定位的特性和绝对定位基本一致，区别在于固定定位是始终相对于可视区来进行定位的
它会固定在可视区，不会随着滚动条滚动
IE6不支持固定定位
6、 z-index：定位层级
接收一个数字 1~3
这个属性只能用于定位元素
最好在兄弟级元素之间比较层级
7、边框如果没有给颜色，那么默认会用文字的颜色
transparent 透明
rgba(255,255,255,0.4) 可以调整透明度的颜色(用在哪里影响就在哪里 不会 影响到其他地方)
Opacity 影响整块的所有内容
img标签 可以直接设置width/height属性 (属性里面可以不加单位)
8、transition:
第一个值：可选 里面可以放一个属性（要过渡的属性）

transition-property  要过渡的样式  （all || [attr] || none）
transition-duration 过渡时间
transition-delay 延迟时间
transition-timing-function 运动形式
    ease：（逐渐变慢）默认值
    linear：（匀速）
    ease-in：(加速)
    ease-out：（减速）
    ease-in-out：（先加速后减速）
    cubic-bezier 贝塞尔曲线（ x1, y1, x2, y2 ）
     http://cubic-bezier.com/

9、渐变