css小结

css小结

CSS的外链有两种方式，一个是耳熟能详的

另一种则是

@import url(play/timeslider.css);

第二种方式，可以直接写在样式里，形成一种CSS直接引用别的CSS的效果。当然，在页面中多写一个​​​​ 也可以做到，但我觉得，那毕竟是在页面上，没有CSS自己搞定那么爽。

另外，css中的background-image属性，url是指向该css文件的相对路径的。这样有时就会带来一些好处，结合上面说的@import，有时在写js插件的时候比较便利：

比如有如图文件结构：

play.js有一个并列的文件夹​​​​ ，里面有各种图片，以及一个css。play.js是我写的一个插件，所谓插件也者，当然追求尽可能多的独立性。其中图片，CSS都尽量不依赖外部传入的路径。

像以下代码，CSS文件的路径是外部传入的，但里面的图片则不必：

play.js:

textDiv.innerHTML = '' + '

timeSlider.css

.esriTimeSlider .tsPrevButton { background-image:url(goBack.gif); /*该图片与本css文件同一目录*/ background-position:0px 0px;}.esriTimeSlider .tsNextButton { background-image:url(goNext.gif);/*该图片与本css文件同一目录*/ background-position:0px 0px;}

以上总结，属于技的范畴，跟架构设计比起来，就是雕虫小技。但是，一个项目，既要有架构设计，也要有具体实现。当然，像我这样几十岁还在总结这个，怕是很不妥的。

另外，今天了解到，sass,less等并不是CSS的加强版，而是用于方便书写css，最后需要编译成CSS，浏览器并不能直接执行。就好像coffscript，写起来很简洁，但始终要编译成javascript。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。