义乌网站建设中div与class与id的区别及应用

2012-01-28 来源:www.0579es.com 作者:宇讯科技 阅读 1694


义乌网站建设中div与class与id的区别及应用:

义乌网站建设中的class和id的区别把握得不是很好,义乌网络公司在这里简单的为大家介绍一下他们的本质区别。

整个文档应用样式有许多方法,但往往你想使用一种风格的一些文档中的标记,但没有标签的所有实例。

或者,您可能要创建一个样式,您可以申请在几个标签文档中没有重复的样式规则。要做到这一点,你使用的Class 和 id 的HTML属性。这些属性是全局属性,可应用于几乎所有的HTML标记。

class是设置标签的类。

id是设置标签的标识。

class属性用于指定元素属于何种样式的类。

  一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本:一个Class可以定义剧本中每个人物的故事 线,你可以通过CSS,javascript等来使用这个类。因此你可以在一个页面上使用class="Frodo" ,class= "Gandalf", class="Aragorn"来区分不同的故事线。还有一点非常重要的是你可以在一个文档中使用任意次数的Class。

 至于 ID,通常用于定义页面上一个仅出现一次的标记。在对页面排版进行结构化布局时(比如说通常一个页面都是由一个页眉,一个报头< masthead>,一个内容区域和一个页脚等组成),一般使用ID比较理想,因为一个ID在一个文档中只能被使用一次。而这些元素在同一页面中 很少会出现大于一次的情况。

像这样的类,您将分配的段落:

<style type="text/css">
  p.blue { background-color: #0000ff; }
  p.red { background-color: #ff0000; }
</style>

然后,当您要呼叫的各阶级,你会使用的Class内段的属性<p></p>标记。没有任何标签,一个Class类的属性将得到该标签的默认样式。

例如:

<p class="blue">本款将有一个蓝色的背景。</p>

<p>和本段将默认回到正常的风格</p>

<p class="red">而本段有一个红色的背景颜色 。</p>

注:关于CSS中最棘手的的事情之一是,它需要使用以前可选的结束标记(XML一样 )。例如,如果你有一个段落标记的样式<p>,浏览器可能不知道从哪里结束,风格,如果你不包括结束标记</p>


相关文章推荐