css
Tank_in_the_street
微信公号:我就喜欢摸鱼。在那里分享更多有趣的事情
展开
-
在vue的开发中使用stylus
stylus作为css预处理器现在正在流行起来,在vue的开发中由于webpack默认兼容stylus,所以在使用的时候可以不用配置,在vue项目文件中只需要在npm中敲入npm install stylus-loader stylus --save-dev然后在如App.vue文件的标签处加上这句话:scoped lang="stylus" rel="stylesheet原创 2017-09-05 21:19:49 · 1112 阅读 · 0 评论 -
css选择器优先级
本文承接上篇文章css选择器一览,这里作为一个补充内容来讲。上一篇我讲了很多css选择器,那么在实际上在用这些选择器的时候如何知道哪一个的优先级更高呢?下面我就来说一下。 每个浏览器都有它默认的属性,就比如Opera浏览器的checkbox和Chrome浏览器的checkbox的默认属性是不同的,所以这个是最低一级的优先级,可以很轻易的被修改。 在css中,有些原创 2017-09-25 13:58:23 · 445 阅读 · 0 评论 -
高性能CSS
避免使用@import有两种方式加载样式文件,一种是link元素,另一种是CSS 2.1加入@import。而在外部的CSS文件中使用@import会使得页面在加载时增加额外的延迟。虽然规则允许在样式中调用@import来导入其它的CSS,但浏览器不能并行下载样式,就会导致页面增添了额外的往返耗时。比如,第一个CSS文件first.css包含了以下内容:@import url(“sec转载 2017-09-25 10:15:03 · 335 阅读 · 0 评论 -
css选择器一览
本例中css代码在标签里,html代码在标签里,类似vue的写法。 1.(*,通配符选择器) 选择所有元素: *{ color: red; } 2.(id选择器) 选择相同id名的所有元素,一般一个id名只能对应一个标签,不能使用同名id。如下面是非法的,但是一般浏览器会忽视这个错误:原创 2017-09-25 09:44:37 · 746 阅读 · 0 评论 -
详解css hack
做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道一名好的前端,要尽可能不使用hack的情况下实现需求,做到较好的用户体验。可是啊,现实太残酷,浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协,虽然这只是个别情况。今天,结合自己的经转载 2017-09-18 17:28:46 · 612 阅读 · 0 评论