企业在建设网站初期,要做好网站导航条的设置,CSS标签重置!
对于XHTML+CSS布局起着一个重要的决定性作用,它是提高页面浏览器兼容性的第一步。
那么什么是标签重置呢?
顾名思义,就是对HTML中的所有标签属性重置,因为每个浏览器都有一个自己默认的CSS文件,对HTML中的所有的标签进行定义,以便没有定义CSS的页面能够正常显示在页面,页面在加载的时候如果没有找到自带的CSS文件,浏览器就用事先为您准备好的CSS样式,但是这个对于页面布局,没有什么用,所以我们需要将它们重新设置,不过标签有那么多,属性那么多,怎么设置?!这都是个问题!
在我们布局页面的时候,将最容易影响页面布局的是HTML标签中的内外边距,只要我们将最常用的标签的内外边距设为零就OK了~比如一个页面中用到下面div,p,ul,li四个标签那么我们的重置代码就要这么写
body,div,p,ul,li{margin:0; padding:0;}
因为body标签不同的浏览器定义的内边距是不一样的,所以在上面代码中加入body。
如果后面我用到form,h1,h2标签的话,我就再添加上去就OK了
body,div,p,ul,li,form,h1,h2{margin:0; padding:0;}
用到几个标签就写几个!
有些人很喜欢用*{margin:0; padding:0;},其实KwooJan不建议这么用,因为HTML标签太多了,HTML4.01 参考手册中就多达89个,我们平时常用的也就那么几个,所以没有必要将所有标签重置,这样反而使页面加载速度变慢!特别是对于大站点,更不提倡!
几个css元素的简单解释 div ul dl dt oldiv,这个很常见,块级元素,div尽量少用,和table一样,嵌套越少越好。
ol 有序列表
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
表现为:
1……
2……
3……
ul 无序列表,表现为li前面是大圆点而不是123
<ul>
<li>……</li>
<li>……</li>
</ul>
很多人容易忽略 dl dt dd的用法
dl 内容块
dt 内容块的标题
dd 内容
可以这么写:
<dl>
<dt>标题</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
dt 和dd中可以再加入 ol ul li和p
理解这些以后,在使用div布局的时候,会方便很多,w3c提供了很多元素辅助布局。
Tag标签网站制作公司 网站设计公司 网站建设公司 建设网站
本文链接 http://www.cdwlgs.com/a/xinwenzhongxin/redianxinwen/2013/0618/196.html
对于XHTML+CSS布局起着一个重要的决定性作用,它是提高页面浏览器兼容性的第一步。
那么什么是标签重置呢?
顾名思义,就是对HTML中的所有标签属性重置,因为每个浏览器都有一个自己默认的CSS文件,对HTML中的所有的标签进行定义,以便没有定义CSS的页面能够正常显示在页面,页面在加载的时候如果没有找到自带的CSS文件,浏览器就用事先为您准备好的CSS样式,但是这个对于页面布局,没有什么用,所以我们需要将它们重新设置,不过标签有那么多,属性那么多,怎么设置?!这都是个问题!
在我们布局页面的时候,将最容易影响页面布局的是HTML标签中的内外边距,只要我们将最常用的标签的内外边距设为零就OK了~比如一个页面中用到下面div,p,ul,li四个标签那么我们的重置代码就要这么写
body,div,p,ul,li{margin:0; padding:0;}
因为body标签不同的浏览器定义的内边距是不一样的,所以在上面代码中加入body。
如果后面我用到form,h1,h2标签的话,我就再添加上去就OK了
body,div,p,ul,li,form,h1,h2{margin:0; padding:0;}
用到几个标签就写几个!
有些人很喜欢用*{margin:0; padding:0;},其实KwooJan不建议这么用,因为HTML标签太多了,HTML4.01 参考手册中就多达89个,我们平时常用的也就那么几个,所以没有必要将所有标签重置,这样反而使页面加载速度变慢!特别是对于大站点,更不提倡!
几个css元素的简单解释 div ul dl dt oldiv,这个很常见,块级元素,div尽量少用,和table一样,嵌套越少越好。
ol 有序列表
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
表现为:
1……
2……
3……
ul 无序列表,表现为li前面是大圆点而不是123
<ul>
<li>……</li>
<li>……</li>
</ul>
很多人容易忽略 dl dt dd的用法
dl 内容块
dt 内容块的标题
dd 内容
可以这么写:
<dl>
<dt>标题</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
dt 和dd中可以再加入 ol ul li和p
理解这些以后,在使用div布局的时候,会方便很多,w3c提供了很多元素辅助布局。
Tag标签网站制作公司 网站设计公司 网站建设公司 建设网站
本文链接 http://www.cdwlgs.com/a/xinwenzhongxin/redianxinwen/2013/0618/196.html