今天小编跟大家讲解下有关分享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文件的优先级高!
以上内容是AIDI小编给大家分享CSS代码写法优化方案,希望大家喜欢。
来源:爱蒂网