再读《精通css》03:引入和注释

CSS样式表应用技巧
本文介绍了CSS样式表的两种引入方式:链接与导入,并对比了它们的区别及适用场景。此外,还分享了关于CSS文件组织、注释及优化等方面的实用建议。
                1.3 规划,组织和维护样式表
1、将外部样式表附到页面上有两个方法:
    a、链接:<link type="text/css" rel="stylesheet" href="路径" />
    b、导入:<style type="text/css">
                 @import url("路径");
            </style>
2、在css中也可以导入其他css。但导入规则要放在文档的最前面。而且要避免两层以上的导入。
3、因为先考虑导入的样式表,在考虑链接的样式表,所以链接的样式表会覆盖掉导入的。
4、对代码进行注释是个好习惯,css采用c风格的注释/**/。我总觉得在注视单行的时候,这种方法有点麻烦~
5、在文档头部应该加上文档作用,作者,时间等文档基本信息的注释。
6、在文档内部应该按作用把文档用注释分成不同的“块”,方便以后查找。
7、可以建立一个代注释的css文档模板,方便以后使用。
8、在真正放到生产环境使用的css可以用工具格式化(压缩)一下,可以去掉注释和空格,缩小体积以提高速度。
9、对各种功能的样式分别写在不同的样式表里,用的时候按需链接就是了。具体的粒度根据实际情况分析。

转载于:https://my.oschina.net/laichendong/blog/283823

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值