当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS使用技巧:清除多余的标签

时间:2013-03-02 03:43来源:未知 作者:admin 点击:

标签:CSS使用技巧:清除多余的标签 清除(13)网站建设(1202)使用技(1)多余(4)CSS(655)标签(23)使用技巧(7)
--> [网站建设之]CSS使用技巧:消除多余的标签 本文教你在css中如何扫除多余标签,让代码更简介,更有意思。 1.肃清不用要的div标签 良多人都爱好用div来包裹form跟ul来树立菜单列表, CSS伪类选择器nth-child() .你有没有想过这样一个过剩的div是不是须要的.
CSS使用技巧:清除多余的标签》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332S2013.htm
--> [网站建设之]CSS使用技巧:消除多余的标签

本文教你在css中如何扫除多余标签,让代码更简介,更有意思。

1.肃清不用要的<div>标签

良多人都爱好用<div>,CSS使用技巧大全;来包裹<form>跟<ul>来树立菜单列表,CSS伪类选择器nth-child().你有没有想过这样一个过剩的<div>是不是须要的.你可以使用css规矩来实现同样的后果.

Example 1:

这个例子展现如何删除<form>中的<div>.
 
Example 2:

有时候我们会给内容增加一个额定的<div>标签来以示这是一个内容.在事例顶用了<,css伪类时冒号前后多个空格可导致该规则失效;div class="sidebox">,CSS优化使网页具有语义化;来包含内容区.如果一个内容有一个标题的话(如:<h4>),那么咱们就可以把这个<h4>来代替<div>.
 
2.使用有语义的标签

用有语义的标签来编写你的HTML文档(如:<h1>为题目;<p>为段落;<ul>为列表.)那么即便用户不支撑css的话,那你的文档也被准确的读出来.

Example:

这个例子很好的阐明了,应用有语义标签的利益.
 
3.尽量减少使用<div>

你有没有见过那么凌乱的模板,到处都可以看到<div>标签,看到这些,你的头有没有变大了.你是否由于少用</div>,CSS仿360体验版左侧导航菜单;来结束标签,或者因为多用了<div>标签而把一个布局弄乱了.我想大多数初学者都有这样的阅历.所以尽可能的少使用<div>,它会使调试和编纂更加的容易.

Example 1:

使用<p>来取代<div>来创立导航.
  
Example 2:

看如何使用<span>来代替<div>实现同样的效果.
 
4.格局(缩进)代码

你应当格式源代码(即缩进嵌套元素),以便于轻易浏览和修正.假如你使用DW来编写代码的话,CSS代码缩写精简实例,那么你就可以很便利的格式代码.
  
5.在</div>标签之后增添注解,CSS代码整合(下).

你有不见过在一些模版在</div>之后有注明这一局部是什么.(如:header;contant,CSS代码整合(上);footer.)所以你可以在</div>之后参加一个<!-- ,CSS书写顺序建议及CSS HACK(FF&IE兼容); footer -->.这样别人就能够晓得这是一个页脚停止点.

Tag:明白多余标签  ,CSS之兼容浏览器篇; CSS使用技巧   清晰多余标签   CSS使用技能  
(责任编辑:网站建设)
CSS使用技巧:清除多余的标签相关文章
上一篇:CSS使用技巧大全 下一篇:CSS入门教程:CCS注释语法
回到顶部