CSS布局教程

基于web标准的网站设计指南

« css属性与选择符标签指定式选择符 »

id及class选择符

id选择符及class 选择符均是css提供的由用户自定义标签名称的一种选择符模式,用户可以使用id及class对页面的xhtml标签进行自定义名称,从而达到xhtml标签及组合xhtml标签的目的,比如对于xhtml中的h1标签而言,对于css,如果使用id进行选择符,那么<h1 id="p1">及<h1 id="p2">对于css来讲是两个不同的元素,从而达到扩展的目的,用户定义名称的方式也有助于用户细化自身的界面结构,使用符合页面需求的名称来进行结构设计,增强代码可读性。
id选择符
id选择符是根据dom文档对象模型原理所出现的选择符类型,对于一个网页而言,其中的每一个标签,或其他对象,均可以使用一个id="天津网站优化"的形式对id属性进行一个名称的指派,id我们可以理解为一个表示,在网页中每个id名称只能使用一次。钢板桩租赁天津废锡回收
<div id="content">天津网站建设</div>
如本例所示,xhtml中的一个div标签被我们指定了id 名为conctent
在css样式中,id选择符使用#符号进行表示,如果我们需要对id为content的标签设置样式,应当使用如下格式:
#content{
font-family:14px;
line-height:130%;}
id的基本作用是对每一个页面中的唯一出现的元素进行定义,如可以对导航条命名nav,对网页头部和底部分别命名为header,footer,对于类似于此的元素在页面中均可出现一次,使用id进行命名具有进行唯一性的指派含义,有助于代码阅读及使用。
class选择符天津做网站
如果说id是对于xhtml标签的扩展的话,那么class应当是对xhtml多个标签的一种组合.class直译为类或者类别,对于网页设计而言,我们可以对xhtml标签使用一个class的形式对class进行名称指派,与id不同的是,class允许重复使用,如页面中的多个元素,都可以使用同一个class定义
<div class="p1">天津网站制作</div>
<h1 class="p1">天下星</h1>
使用class的好处是,对于不同的xhtml标签,class可以直接根据class名称来进行样式指派
.p1{
margin:10px'
background-color:blue;}
class在css中的使用点符号,加上class名称的形式,如上例所示,我们对class为p1的对象进行了样式指派,无论是什么xhtml标签,页面中所有使用了class="p1"的标签均用此样式进行设置,class选择符也是对css代码重用性的良好体现,众多标签均可以使用同一class来进行样式指派,不再需要每一个编写样式代码。
 

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号