CSS3 - 随笔分类 - Lulin1

css优先级计算规则

摘要：选择器的特殊性值表述为4个部分，用0,0,0,0表示。 ID选择器的特殊性值，加0,1,0,0。类选择器、属性选择器或伪类，加0,0,1,0。元素和伪元素，加0,0,0,1。通配选择器*对特殊性没有贡献，即0,0,0,0。最后比较特殊的一个标志!important（权重），它没有特殊性值，但阅读全文

posted @ 2018-09-03 11:35 Lulin1 阅读(145) 评论(0) 推荐(0)

css加载会造成阻塞吗？

摘要：由上所述，我们可以得出以下结论: 因此，为了避免让用户看到长时间的白屏时间，我们应该尽可能的提高css加载速度，比如可以使用以下几种方法: 具体戳这里阅读全文

posted @ 2018-07-02 16:29 Lulin1 阅读(117) 评论(0) 推荐(0)

怪异盒模型和标准盒模型--CSS

摘要：一，原理 css 属性：Box Moel分为两种：W3C标准和IE标准盒子模型。大多数浏览器采用W3C标准模型，而IE中采用Microsoft自己的标准。怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”，怪异模式主要表现再IE内核的浏览器。当不对Doctype进行定义时，会阅读全文

posted @ 2018-06-15 14:54 Lulin1 阅读(383) 评论(0) 推荐(0)

calc() --- css3

摘要：http://www.w3cplus.com/css3/how-to-use-css3-calc-function.html 阅读全文

posted @ 2018-06-15 14:50 Lulin1 阅读(74) 评论(0) 推荐(0)

实现半像素边框

摘要：参考： http://www.ayqy.net/blog/css3%E5%AE%9E%E7%8E%B0%E5%8D%8A%E5%83%8F%E7%B4%A0%E8%BE%B9%E6%A1%86/ 阅读全文

posted @ 2018-06-04 17:09 Lulin1 阅读(103) 评论(0) 推荐(0)

适配手机端之 rem

摘要：Eg. PSD中的width为378px,那么在手机端代码中为378/100=3.78rem. 阅读全文

posted @ 2017-11-13 17:24 Lulin1 阅读(143) 评论(0) 推荐(0)

图片和span水平垂直居中

摘要：测试一下吧阅读全文

posted @ 2017-06-13 11:51 Lulin1 阅读(1695) 评论(0) 推荐(0)

行内元素-特性

摘要：浏览器代理（userAgentStylesheet）给所有行内元素 vertical-align 的属性默认设置成了baseline。baseline这个属性值要求元素的基线与父元素的基线对齐。阅读全文

posted @ 2017-04-24 18:45 Lulin1 阅读(150) 评论(0) 推荐(0)

rem & em初探

摘要：Rem为单位 CSS3的出现，他同时引进了一些新的单位，包括我们今天所说的rem。在W3C官网上是这样描述rem的——“font size of the root element” 。下面我们就一起来详细的了解rem。如果你没有在根元素指定参照值，那浏览器默认就是 1rem 为 16px,如果你指阅读全文

posted @ 2017-02-14 16:58 Lulin1 阅读(165) 评论(0) 推荐(0)

随笔分类 - CSS3

公告