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、渐变

猜你喜欢

转载自blog.csdn.net/weixin_41762742/article/details/84197205