广州做网站,广州建站_小燕子网络 广州网站制作热线:020-23318051广州建网站第一品牌! 点击添加QQ好友!广州网页设计 为什么大家都喜欢小燕子网络?
站内公告_小燕子网络
广州小燕子网络公司专业从事网站建设、域名注册、企业邮局、网站推广、网站改版、服务器/VPS/虚拟主机空间租用,小燕子网络(www.168xyz.com)以客户需求为出发点,以简洁实用为设计目标!“梦想所有企业都拥有一个自己的官方网站

搜索内容

搜索类别

广州做网站,广州建站_小燕子网络
 
用户名
密  码
 
泽泡网
百度
google
 
当前位置:HOME > 新闻资讯 > 网站设计

广州网站制作分享CSS各种选择符详解

来源:小燕子网络  发布时间 2013-10-02

广州网站制作分享类型选择符

  什么是类型选择符?指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型,div、p、span都是。如下:
body{}
div{}
p{}
span{}


  二、群组选择符

  对于XHMTL对象,可以对一组同时进行相同的样式指派。使用逗号对选择符进行分隔,这样书写的优点在于,同样的样式只需要书

写一次即可,减少代码量,改善CSS代码结构。使用时应该注意“逗号”是在半角模式下,并非中文全角模式。如下:
h1,h2,h6,p,span


  三、包含选择符

  对某对象中的子对象进行样式指定,这样选择方式就发挥了作用。需要注意的是,仅对此对象的子对象标签有效,对于其它单独存

在或位于此对象以外的子对象,不应用此样式设置。这样做的优点在于,避免过多的id、class设置,直接对所需的元素进行定义。
如下:
body h1 span strong
h2 span


  四、id选择符

  根据DOM文档对象模型原理所出现的选择符,对于一个XHTML文件,其中的每一个标签都可以使用一个“id=""”的形式进行一个名

称指派,但需要注意,在一个XHTML文件中id是具有唯一性而不可以重复的。在div+css布局的网页中,可以针对不同的用途进行命名,

如头部为header、底部为footer。

  XHTML如下:
<div id="content"></div>


  CSS如下:
#content


  五、class选择符

  其实id是对于XHTML标签的扩展,而class是对SHTML多个标签的一种组合,class直译的意思是类或类别。对于XHTML标签使用

“class=""”进行名称指派。与id不同,class可以重复使用,对于多个样式相同的元素,可以直接定义为一个class。使用class的优

点已不言自明,它对CSS代码重用性有良好的体现,众多的标签均可以使用一个样式来定义而不需要每一个编写一个样式代码。

  XHTML如下:
<p class="he"></p>
<span class="he"></span>
<h5 class="he"></h5>


  CSS如下:
.he


  六、标签指定式的选择符

  如果想同时使用id和class,也想同时使用标签选择符,可以使用如下的方式:
h1#content{}/*表示所有id为content的h1标签*/
h1.p1{}/*表示所有class为p1的h1标签*/


广州网站制作分享标签指定式选择符的精度介于标签选择符及id/class选择符之间,是常用的选择符之一。

  七、组合选择符

  对于上面的所有选择符而言,进行组合使用。如下:
h1 .p1{}/*表示h1下的所有class为p1的标签*/
#content h1{}/*表示id为content的标签下的所有h1标签*/
h1 .p1,#content h1{}/*表示h1下的所有class为p1的标签以及id为content的标签下的所有h1标签*/
h1#content h2{}/*id为content的h1标签下的h2标签*/


  CSS选择符是非常自由与灵活的,可以根据页面的需要,使用各种选择符,尽量结构化与优化CSS文件  

相关关键词:广州网站制作 广州网站制作公司 广州网站建设

( 网页编辑:李明)

[ 点击数:] [打印本网页] [关闭本窗口]
 

相关内容
  • 广州网站制作公司分享网页设计案例:PSD源文件要合理分层 2013-08-15
  • 广州网站建设公司消息腾讯最恐怖的并非微信 2013-08-15
  • 广州网站制作公司消息干互联网13年,觉得卖卤菜比找风投上市靠谱 2013-08-15
  • 广州网站制作公司分享网页中代码中的细节 2013-08-15
  • 广州网页设计分享网站打开慢的解决方法 2013-10-05
  • 广州网站建设公司如何从营销的角度来建设网站 2013-10-05
  • 广州网站制作关于验证码在点击输入框时才显示的好处 2013-10-06
  • 广州网站制作公司涉及到的知识 2013-08-15
  • 广州网页设计论平面设计的基本功 2013-10-02
  •  
    小燕子简介 网站设计 诚聘英才 网站建设 常见问答 新闻资讯 网站制作 联系我们 网站推广 关注我们
    广州做网站,用微信扫一扫 小燕子网络 电话:020-23318051  手机:13076712935 邮箱:xyz#168xyz.com(#换成@)  
    地址:广州市番禺区石岗东村市莲路69号 邮编:511450

    Copyright © 2013 广州泽泡信息科技有限公司. All Rights Reserved   
    如果你喜欢本站,别忘了把本站告诉给你QQ上的朋友哦! 试试 Ctrl+D 有意外惊喜哦~

    泽泡公司旗下网站:小燕子网络

    警警广州网警察察






    法律顾问:广州道怡律师事务所
    安全认证
    中国软件网推荐企业
    广东中小企业发展促进会
    中国互闻网协会会员
    经营性网站备案信息
    可信网站