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

css语法结构

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

标签:css语法结构 组合(1)语法结构(1)是一(1)品(1)选择(23)body(13)群组(1)上边(2)CSS(655)
群组选择符 组合选择符 在上边的body{}便是一品种型选择符。所谓类型选择符,是指以网页中已有的标签类型作为名称的选择符,body是网页中的一个标签类型,div也是,span也是。因而以下选择符都是类型选择符,而它们将把持页面中所有的body或div或span: body
css语法结构》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334T2013.htm

群组选择符

组合选择符

在上边的body{}便是一品种型选择符。所谓类型选择符,是指以网页中已有的标签类型作为名称的选择符,body是网页中的一个标签类型,div也是,span也是。因而以下选择符都是类型选择符,而它们将把持页面中所有的body或div或span:
body{}
div{}
span{}

Tag:CSS   语法结构   CSS   语法结构  

标签指定式选择符

在实际应用中,咱们往往使用以下相似的运用形式:
body {background-color:blue;}

对于上述所有CSS选择符而言,CSS设计网页头部的优化写法,无论是什么样的选择符,均可以进行组合使用。
h1 .p1 {}
表示h1标签下的所有class为p1的标签。
#content h1{}
表现id为content的标签下的所有h1标签。
h1.p1,CSS设计制作长度高度不一样的网页区块,#content h1{}
以上两种进行群组选择。
h1#content h2{}
id为content的h1标签下的h2标签。

假如既想使用id或class,也想同时使用标签选择符,可以使用如下格局:
h1#content {}
表示针对所有id为content的h1标签。
h1.p1 {}
表示针对所有class为p1的h1标签。
标签指定式选择符在对标签选择的准确度上介于标签选择符及id/class选择符之间,也是一种常常使用到的选择符形式。

除了对单个XHTML进行样式指定,同样可以对一组对象进行雷同的样式指派
h1,h2,h3,p,span{font-size:12px; font-family:arial;}
使用逗号对选择符进行分隔,使得页面中所有的h1,h2,h3,p,span都将存在相同的样式定义。这样做的利益是对于页面中须要使用同样式的处所只要要书写一次样式表即可实现,减少代码量,改良css代码的结构。

类型选择符

选择符(Selector)指这组样式编码所要针对的对象,可以是一个XHTML标签,如body,h1;也可以是定义了特定的ID或CLASS的标签,如#main选择符表示选择<div id="main">,即一个被指定了main为id的对象。阅读器将对css选择符进行严厉的解析,每一组样式均会被浏览器应用到对应的对象上。

属性(Property)是CSS样式节制的中心,对每一个XHTML中的标签,CSS都供给了丰盛的样式属性,如色彩、大小、定位、浮动方法等。

值(value)是指属性的值,情势有两种,一种是指定范畴的值,如float属性,只可能利用left,right,none三种值,如width可以应用0-9999它,或其它数学单位来指定。

h1 span{font-weight:bold;}
当我们仅仅想对某一个对象中的子对象进行样式指定时,包含选择符就派上用处。包含选择符指选择符组合中前一个对象包含后一个对象,对象之间使用空格作为个分隔符,CSS设计中选择器的巧妙使用。如本例子所示。我们对h1下面的span进行样式指派,最后应用到XHTML是如下的格式:
<h1>这是我们的一段文本<span>这是span内的文本</span></h1>,css设置最小height然后自适应;
<h1>单独的h1</h1>
<span>独自的span</span>
<,CSS让网页里的提交按钮变得更漂亮;h2>被h2标签套用的文本<span>这是h2下的span<,CSS让网页提交input按钮与众不同;/span>,CSS让图片实现的透明效果;</h2>,CSS让元素垂直居中的两种实现方法 ;
h1标签之下的span标签将被应用font-weight:bold的样式设置,CSS让元素垂直居中的两种实现方法。留神,仅仅对有此结构的标签有效,CSS解决文字环绕图片问题,对于单独存在的h1或单独存在的span及其余非h1标签下属的span均不会应用此样式。
这样做能够辅助我们防止过多的ID及CLASS的设置,直接对所需设置的过犹不迭进行设置。
包括取舍符除了可以二者包含,也能够多级包含,如以下抉择符款式同样可能作用:
body h1 span stront{ font-weight=bold;}

包含挑选符

css的语法结构仅仅有三局部组成:选择符(Selector)、属性(property)、和值(value)。
使用方式:
selector {Property:value;}

--> [网站建设之]css语法构造

CSS属性跟选择符


(责任编辑:网站建设)
css语法结构相关文章
上一篇:CSS设计网页头部的优化写法 下一篇:CSS边框属性(border)的如何使用
回到顶部