网站建设资讯

NEWS

网站建设资讯

如何优化CSS代码写法-创新互联

今天就跟大家聊聊有关如何优化CSS代码写法,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

创新互联公司IDC提供业务:棕树数据中心,成都服务器租用,棕树数据中心,重庆服务器租用等四川省内主机托管与主机租用业务;数据中心含:双线机房,BGP机房,电信机房,移动机房,联通机房。

众所周知,SEO优化很重要的一点就是布局,而DIV+CSS布局优于TABLE,接下来为大家简单介绍一下CSS代码写法优化。
很多时候,特别是初学者写的CSS代码都会很多很多,让别人看起来很复杂!为了避免这种问题,有两种方法!第一:就是通过不断地训练,不断地写代码来优化自己的代码,另一种方法将是我要讲到的!
要懂得优化自己的代码首先就必须知道CSS中的优先级,关于CSS的优先级我会在下一篇文章里讲到的,现在我们暂时先不说。观查以下代码:


代码如下:


* {
margin:0px;
padding:0px
}
html,body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
h2,h3,,h4,h5,h6 {
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代码写法有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


网页标题:如何优化CSS代码写法-创新互联
标题网址:http://cdweb.net/article/dpiois.html