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

CSS基础 选择符详解

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

标签:CSS基础 选择符详解 所有(5)CSS(655)CLASS(21)详解(47)表示(5)标签(23)基础(18)表现(9)选择(23)
/*表示h1下的所有class为p1的标签*/ /*表现h1下的所有class为p1的标签以及id为content的标签下的所有h1标签*/ 如下: margin:10px; color:#FF0000; p class=he/p { CSS取舍符是十分自在与机动的,能够依据页面的须要,应用各种抉择符,尽量构造化与优化CSS文
CSS基础 选择符详解》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302333142013.htm

  /*表示h1下的所有class为p1的标签*/

  /*表现h1下的所有class为p1的标签以及id为content的标签下的所有h1标签*/

  如下:

  margin:10px;

  color:#FF0000;

  <p class="he">,CSS在移动网站开发的前端技术和技巧;</p>

  {

  CSS取舍符是十分自在与机动的,能够依据页面的须要,应用各种抉择符,尽量构造化与优化CSS文件,CSS在交互上的应用.

  body {}

  如下:

  标签指定式选择符的精度介于标签选择符及id/class选择符之间,是常用的选择符之一。

  如下:

  font-size:12px,CSS在IE6,IE7,FIREFOX中的区别;

  /*表示所有id为content的h1标签*/

  }

  }

  div {}

Tag:详解  ,CSS圆角背景与三角形实现办法; 选择   基础     详解   挑选   基本    

  XHTML如下:

  font-size:14px;

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

  CSS如下:

  二、群组选择符

  实在id是对于XHTML标签的扩大,而class是对SHTML多个标签的一种组合,CSS图片层叠实现古画效果,class直译的意思是类或种别。

  {

  四、id选择符

  五、class选择符

  这样做的优点在于,帮咱们防止过多的id、class设置,直接对所需的元素进行定义。

  对于XHMTL对象,可以对一组同时进行了相同的样式指派。

  line-height:120%;

  七、组合选择符

  h1#content h2{}

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

  {

  对于上面的所有选择符而言,进行组合使用。如下:

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

  h1.p1 {}

  如下:

  font-weight:bold;

  background-color:red;

  font-family: arial;

  p {}

  h1 ,css命名规则:图片切图转网页的代码规范.p1 {}

  XHTML如下:

  h1,h2,h6,p,CSS命名的三种规范化命名规则,span

  CSS如下:

  六、标签指定式的选择符

  }

  }

  #content

  /*id为content的h1标签下的h2标签*/

  需要注意的是,仅对此对象的子对象标签有效,CSS加载失败原因的总结与分析,对于其它独自存在或位于此对象以外的子对象,不利用此样式设置。

  color:red;

  对某对象中的子对象进行样式指导定,这样选择方式就施展了作用。

  <span class="he"></span>

  使用时应当注意"逗号",CSS制作网页的一些经验分享;是在半角模式下,并非中文全角模式。

  {

--> [网站建设之]CSS基础:选择符详解

  在div css布局的网页中,可以针对不同的用处进行命名,如头部为header、底部为footer。

  假如想同时使用id跟class,也想同时使用标签选择符,CSS制作网页时清除网页浮动的作用,可以使用如下的方法:

  h2 span

  /*表示所有class为p1的h1标签*/

  }

  h1#content {}

  body h1 span strong

  <h5 class="he"></h5>

  #content h1 {}

  表示id为content的标签下的所有h1标签

  .he

  span {}

  三、包括选择符

  一、类型选择符

  使用逗号对选择符进行了分隔,这样书写的长处在于同样的款式只要要书写一次即可,减少代码量,改良CSS代码结构。

  根据DOM文档对象模型原理所呈现的选择符,对一个XHTML文件,其中的每一个标签都可以使用一个id=""的情势进行一个名称指派,但需要留神,在一个XHTML文件中id是存在独一性而不可以反复的。

  <div id="content"></div>

  {

  h1 .p1,#content h1 {}


(责任编辑:网站建设)
CSS基础 选择符详解相关文章
上一篇:CSS在移动网站开发的前端技术和技巧 下一篇:css基础实例只显示下划线的文本框
回到顶部