英文字母不好中
null__
|
null__
获得徽章 14
- #每天一个知识点#
颜色的写法
1.color Name： 颜色关键字，如red 2.HEX：#RRGGBB，十六进制记法，三个参数的取值范围是00-FF，如：#FF8800可简写为#F80 3.RGB:rgb(R,G,B) 取值范围是正整数或百分数，如rgb(255,255,255)=rgb(100%,100%,100%) 4.RGBA:在RGB的记法上增加了Alpha，透明度，取值0-1；IE6-IE8不支持RGBA颜色记法。 5.HSL：(色调Hue，饱和度Saturation,亮度Lightness),H范围0-360，S和L范围0.0%-100.0%，如(360,10%，10%) 6.HSLA：在HSL的基础上增加了Alpha透明度 7.transparent：全透明，适用于background-color和border-color
展开赞过 评论2 - 层叠上下文（stacking context）
1.盒模型是三维的，平面画布的x轴、y轴，以及表示层叠的z轴，
2.触发条件：
(1)根元素 <html>本身即根层叠上下文
(2)position属性，非static值，并设置z-index
(3)CSS属性：flex(子元素z-index不为auto)、opacity(不为1)、transform(值不为none)、filter(值不为none)、will-change
3.层叠顺序规则：
(1)在同一层叠上下文中层叠等级才有意义
(2)z-index的优先级最高
(3)具体规则：background < (z-index<0) < block块级元素 < float浮动元素 < inline行内元素 < z-index=0/auto < (z-index>0)
展开赞过 评论2 - #每天一个知识点#
em /px /rem /vh /vw 的区别
1.px 绝对长度单位，页面按精确像素展示
2.em 相对长度单位，继承父级元素的字体大小font-size，若父级元素未设置，则用浏览器默认的字体尺寸16px，即1em=16px，整个页面的1em值不是一个固定的值
3.rem 相对长度单位，相对的只是HTML根元素font-size的值，一般在根元素html上加上html{font-size:62.5%}，之后1rem = 10px。rem集相对大小和绝地大小的优点于一身，故常用。
4.vw 根据窗口的宽度分成100等份，100vw就标识满宽，始终针对窗口的宽，vh针对窗口的高。窗口在PC端指浏览器的可视区域，在移动端指布局视口。%相对于的是父元素，不是窗口。展开赞过 评论3 - #每天一个知识点#
css选择器常用的有：
1、id选择器 2、类选择器 3、标签选择器 4、后代选择器(#id div)、 5、子选择器(.class>.childClass)、 6、相邻同胞选择器(.class+.brotherClass)、 7、群组选择器(div,p) 8、伪类选择器(:hover/:focus/:link/:active/:visited/:first-child) 9、伪元素选择器(:before/:after/:first-letter/:first-line) 10、属性选择器(attribute)11 、层次选择器(p~ul)展开赞过 评论3