分享CSS代码写法优化方案
发布时间：2015-12-02 15:32:11 作者：佚名 
我要评论
我要评论众所周知,SEO优化很重要的一点就是布局,而DIV+CSS布局优于TABLE,接下来为大家简单介绍一下CSS代码写法优化，对css代码优化相关知识感兴趣的朋友一起学习吧
众所周知,SEO优化很重要的一点就是布局,而DIV+CSS布局优于TABLE,接下来为大家简单介绍一下CSS代码写法优化。
很多时候，特别是初学者写的CSS代码都会很多很多，让别人看起来很复杂！为了避免这种问题，有两种方法！第一：就是通过不断地训练，不断地写代码来优化自己的代码，另一种方法将是我要讲到的！
要懂得优化自己的代码首先就必须知道CSS中的优先级，关于CSS的优先级我会在下一篇文章里讲到的，现在我们暂时先不说。观查以下代码：
复制代码
代码如下:* {
margin:0px;
padding:0px
}
html,body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
h1,h2,,h3,h4,h5 {
font-size:14px;
color:#000;
font-weight:normal;
}
span {
font-size:14px; font-weight:bold; color:#000;
}
ul , ol {
list-style:none;
margin:0px;
padding:0px;
}
li {
display:block;
float:left;
}
img {
border:none;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline; color:#000
}
解说一下：把这些代码放到你CSS。CSS文件里，再通过在其它CSS文件里@import url("css.css"); 其实上面的代码只是一个概括，意思是上面的标签，在你以后的CSS代码里写到有关于这个标签，刚才也要用到这个属性，那么你就可以忽略不写了！
例如：上面的代码里的img {
复制代码
代码如下:border:none;
}
你在其它的文件遇到要定义图片时，像这种：
复制代码
代码如下:#tab img {
float:left;
}
这时#tab img 的CSS就会变成这样；
复制代码
代码如下:#tab img {
float:left; border:none;
}
那么你有时要图片的边框为1，那么就可以这样写了：
复制代码
代码如下:#tab img {
float:left; border:1px;
}
这时#tab 的所有图片的边框都是为1的拉～ 因为这个的优先级比上面CSS。CSS文件的优先级高！
以上内容是脚本之家小编给大家分享CSS代码写法优化方案，希望大家喜欢。
相关文章
- 在div+css布局中，一般都这样来整体构架的： [code] <div id="header"></div> <div id="center"></div> <div id=&quo2009-07-11
- 网页制作Webjx文章简介：整理和优化代码不仅是为了你的CSS文件大小，还包括了维护性和可读性。以上的原理并不只是针对CSS，它们还能应用到HTML，Javascript以及其他编程语2009-04-02
- 在CSS建站中，无论其代码长度还是文件大小都会影响到网页的正确展示盒速度。那么如何来进行CSS的优化和验证呢？如果你的css水平不能够达到自检的程度，那么今天就和笔者一2014-10-11
使用css sprites来优化你的网站在Retina屏幕下显示实现原理与代码
CSS sprites(CSS图片精灵)已经存在很久了。事实上，八年前就有CSS Sprites的详细介绍。CSS Sprites为一些大型的网站节约了带宽，让提高了用户的加载速度和用户体验，不需要2012-12-24CSS代码是否合理？是否优化？-CSS教程-网页制作-网页教学网
发现很多朋友对 CSS 的优先权不甚了解，规则很简单。需要说明的一点，如果你的样式管理需要深层判断 CSS 的优先权，更应反思自己的 CSS 代码，是否合理？是否优化？ CSS2008-10-17- 这篇文章主要介绍了详解CSS代码重构与优化之路(经典) 的相关资料,需要的朋友可以参考下2016-01-07
最新评论