css
文章平均质量分 76
瞬间空白sky
菜鸟一名,,希望早日成为大神!!膜拜ing~~~
展开
-
z-index不起作用的大坑
话说好久就没有更新博客了,今天为了装一把,差点没把自己装进去。。。以后还是低调一点好,哈哈,话不多说,直奔主题。今天遇到的就是z-index不起作用的问题。一个后台小哥不知道抽什么疯,写元素覆盖偏不让用absolute,搞的我之后废了9牛二虎之力写了一下,问题描述是这样的, 一对兄弟节点,insert和parent,parent有两个子节点subtop和subbottom,展现的结果是想让原创 2017-08-01 17:16:57 · 84983 阅读 · 5 评论 -
理解BEM的命名方式
最近公司将要着手开始封装自己的组件库了,所以有必要学习一些新的知识。 什么是BEM呢?其实它就是css类的一种命名方式,由Yandex团队提出的,不过也有一些大牛们不喜欢这种命名方式,认为他过于复杂,冗余,降低了编码效率,不过基于存在即合理,我们还是有必要了解一下他的命名规则。 首先来理解一下什么是B:即block,这个block不是css中样式的block,而是模块的意思,原创 2017-08-13 16:33:40 · 1943 阅读 · 0 评论 -
html 解决空格显示问题
解决浏览器的空白合并问题原创 2017-10-11 20:28:51 · 24877 阅读 · 0 评论 -
论元素的隐藏
1、display:none,确保元素不可见,连盒模型都不生成,真正意义上的隐藏,被隐藏的元素也不占据文档的任何空间,所以绑定在元素上的dom事件也不会被触发,同时,连这个元素的子孙元素也不可见。2、visibility:hidden,被隐藏的元素依然占据文档的空间,对布局产生影响,想要显示某个子孙元素,只需将这个子孙元素的visibility设置为visible即可,但是绑定在visibilit...原创 2018-03-15 19:59:39 · 260 阅读 · 0 评论 -
css: 浏览器的重排与重绘
工作虐我千百遍,我待工作如初恋-_-!!!说到浏览器加载文档,那是一个相当复杂的过程了,引用阮老师的blog,大致可以分为5步:这其中,最耗时的就是4,5步了。layout和paint合起来就是我们常说的渲染。所谓的layout,也叫重排,是指元素的几何属性或者是坐标发生了改变,paint叫做重绘,是指元素的外观变化所触发的浏览器行为,如颜色,outline,visibility等。其中,重排一定...原创 2018-06-26 00:35:35 · 569 阅读 · 0 评论