css
i_will_be
前端进阶的菜鸟!
展开
-
css定位之position
以下是我对position属性的了解和总结。position:static;position的默认属性,元素框会根据在HTML文档中出现的顺序先后定位。position:fixed;固定定位,元素框会相对于浏览器视窗窗口定位。比如一些广告弹窗,总是在窗口的固定位置。position:relative;相对定位。相对于元素本来在文档流中的位置。position:absolute;原创 2017-10-12 09:46:29 · 193 阅读 · 0 评论 -
当margin和padding的值是百分比时,应该如何计算的?
对元素的margin设置百分数时,百分数是相对于父元素的width计算,不管是margin-top/margin-bottom还是margin-left/margin-right。当然,padding的原理也是一样的。如果没有为元素声明width,此时元素框的总宽度包括外边距取决于父元素的width,这样可能得到“流式”页面,即元素的外边距会扩大或缩小以适应父元素的实际大小。原创 2017-08-19 10:31:34 · 4339 阅读 · 0 评论 -
rem、em、px三者的区别
rem(用于可扩展布局):代表根元素font-size的大小,(例如:用在<html> 元素的font-size)。 > 当用在根元素的font-size上面时 ,它代表了html的默认的font-size大小。 >当未在根元素上面设置font-size大小的时候,此时的1rem==1em. >当在根元素设置font-size=2rem的时候,就使得页面中1rem的大小相当于html的根原创 2017-10-22 20:53:44 · 423 阅读 · 0 评论 -
css组合器
A,B 匹配同时满足A和B的任意元素。A B 匹配当任意元素,满足条件:B是A的后代节点。(B是A的节点,或者A的子节点的子节点)。A>B 匹配任意元素,满足条件:B是A的直接子节点。A+B 匹配任意元素,满足条件:B 是A的下一兄弟节点(A和B有相同的父结点,并且B紧跟在A后面)。A~B匹配任意元素,满足条件:B是A之后的兄弟节点中的任意一个。原创 2017-08-03 20:29:58 · 262 阅读 · 0 评论