时间:2021-05-08
众所周知,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代码写法优化方案,希望大家喜欢。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了仿新浪微博箭头的css写法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:◆.arrow{ font-family:"SimSun"
几个常用CSS属性的简短写法精简CSS代码有很多种方法,但其中最常用的方法可能就是使用属性的简短形式。具有简短写法的CSS属性很多,但是常用的属性无外乎字体、列
jQuery的css方法统一了两种写法,直接使用float属性即可,如下css方法中传参数“float”即可以设置也可以获取元素的float。复制代码代码如下:
滤镜使用之图片透明css写法复制代码代码如下:html>body.naver_on{width:75px;height:54px;background:url(
非IE6下的写法大家一般都清楚如何写;这里就不展示了;切入正题,以下的IE6下CSS的兼容性写法:复制代码代码如下:html,*ht