耽美漫画

总结了一些可以帮助你改善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名称,而不仅仅是代号。

这8个小秘诀,

你掌握几个呢?

前端高级进阶小技巧知识推荐:

编程是什么意思
jq获取同级元素
javascript怎么读
px单位
和怎么读
css超出隐藏显示省略号
jq同级元素
是什么意思
边框虚线
什么叫编程
是怎么读
html三角形
与怎么读
怎样去除图片上的文字
js添加class
css超出隐藏
css实现垂直水平居中
ps去除图片文字
ps去除文字
html下拉框样式
前端ps切图
图片去除文字
jq获取父级元素
去除图片上的文字
jquery获取同级元素
小程序获取页面高度
搜索排名提升
section和div的区别
小程序名称查询
小程序获取元素高度
怎么去除图片上的文字
jq懒加载
jq查找父元素
css超出省略
html下拉
jq获取父元素
ps消除文字
css超出省略号显示
ps怎么去除图片上的文字
css超出显示省略号
ps去除复杂图片文字
ps去掉图片上的字
什么是编程
图片去文字
css超出省略号
ps如何去除图片上的文字
懒加载插件
js动态添加class
获取父级元素
获取div的值
css超出部分隐藏
jq子元素
alert样式
ps如何去除图片文字
jq查找子元素
前端是什么意思
获取div的宽度
ps去掉图片上的文字
分辨率单位
js获取div的宽度
jq获取div高度
cssborder
jq获取子元素
js什么意思
js获取当前页面的url
封装是什么意思
js增加class
js跳转页面方法