1 伪元素选择器 ::before && ::after
tips: 1.content:"", 必写,即使没有内容也要设置为"". 2.行内元素, 要设置宽高, 必须转为行内块
3.js无法操作
2.rgba(red, green, blue, transparent)(0-255 || 0.0%-100%) HSLA(hue saturation lightness alpha) hue: 0-360 0(360)红色 120(绿色) 240(蓝色) 红橙黄绿青蓝紫红 saturation: 饱和度; lightness: 亮度 0-100% alpha: 透明度 0-1
3.文字阴影 text-shadow(offsetX offset blur color)
4.盒子阴影: box-shadow(h(horizontal水平的)) v(vertical垂直的) blur() spread color inset内阴影)
tips: 1.offsetX offsetY blur 必写 2. 顺序固定, 即使blur没有, 也要设置为0px, 才能在第四个设置color
5. box-sizing: content-box border-box
6: 先上下再左右 border-top-left-radius: border-bottom-right-radius:
border-radius: 1px 2px 3px 4px ; 上左 上右 下右 下左 border-radius: 1px 2px 3px ; 左上 (右上, 左下) 右下 border-radius: 1px 2px ; (左上 右下) (右上 左下)
7. 线性渐变色 linear-gradient() 设置终点 linear-gradient(to right, color1 start, color1 end, color2 start, color2 end, color3 start) to right 相当于 90deg to bottom 相当于 180deg (默认)
设置起点(兼容性问题-webkit-) -webkit-linear-gradient(right,..)
8. radial-gradient(形状 大小 坐标, 颜色1, 颜色2, 颜色3) 形状: 默认 ellipse 椭圆 ; circle 圆形 大小: 默认 最远的角 farthest-corner closest-side 坐标: at position 默认中心点, 设置一个参数,另一个参数默认为center 重复: repeating-radial-gradient
转载于:https://www.cnblogs.com/noraZhang/p/10044669.html
相关资源：Intraweb9.0.42与TMS_IW_3.3完美组合(原文件 破解)(分4块).part4