北漂的程序员,这寒冬你是否“有枝可依”?(附房屋安置信息)

总结了一些可以帮助你改善CSS样式表的简单实用的方法,如果你刚刚开始使用CSS,这篇文章可以帮助你更好的理解CSS。


1.结构

保持CSS结构清晰,不仅有助于保持CSS文件的简单,也利于日后的检查、更改。

北漂的程序员,这寒冬你是否“有枝可依”?(附房屋安置信息)

北漂的程序员,这寒冬你是否“有枝可依”?(附房屋安置信息)

2.保持简洁


保持代码简洁,可以大幅减小CSS文件的大小。

北漂的程序员,这寒冬你是否“有枝可依”?(附房屋安置信息)

北漂的程序员,这寒冬你是否“有枝可依”?(附房屋安置信息)

3. Padding vs. Margin


对于浏览器来说,Margin是兼容性最差的一个属性。因此,只要条件允许,应该尽可能的使用Padding属性。


4.整合


在下面的例子中定义了一个公共的Class,来代替不同的地方都要用到的相同的代码:color:grey。

北漂的程序员,这寒冬你是否“有枝可依”?(附房屋安置信息)


5.注释


在适当的位置加入一条简单的注释,不仅有助于你了解代码,其他人也可以很好的理解你的代码。

北漂的程序员,这寒冬你是否“有枝可依”?(附房屋安置信息)


6.验证


最好对已经创建好的CSS文件进行验证,这样可以帮助你找到文件中存在的错误。


7.避免在XHTML中使用样式


不要在Xhtml代码中使用样式,这样不仅会增加网页文件的大小,而且也会使代码混乱,变复杂。

北漂的程序员,这寒冬你是否“有枝可依”?(附房屋安置信息)

8.命名


使用标准的可以从字面上正确理解的ID和Class名称,而不仅仅是代号。

北漂的程序员,这寒冬你是否“有枝可依”?(附房屋安置信息)



北漂的程序员,这寒冬你是否“有枝可依”?(附房屋安置信息)


喜欢就赶紧关注我

“*IT男”(Jipinit

每天分享行业干货

长按下图二维码识别并关注↓↓↓


往期精彩文章:

「程序员」职业生涯指南——附神级跳槽攻略图!

案例 | 3分钟教搞定 Linux 正则表达式

实用 | JavaScript常见BUG及修复方法

【重点】67个拯救web开发者的工具、库和资源!

10年后,程序员的薪资还能保持这么高吗?

不会写 JavaScript 的人是否还有价值?

如何跟各种人解释,什么是产品经理!


免责声明:本文来源于网络,部分内容有改动,如涉及作品版权和其它问题,请尽快与我联系,我们会予以更改或删除相关文章,以保证您的权益!

北漂的程序员,这寒冬你是否“有枝可依”?(附房屋安置信息)