说完XHTML的网站制作基础知识,下一步将是我们的重头戏CSS了。而将CSS应用到XHTML之中,首先要做的就是选用合适的选择符,选择符是CSS控制XHTML文档中对象的一种方式。简单地说,它用于告诉浏览器,这段样式将应用到哪个对象。
CSS属性与选择符
CSS的语法结构仅由3个部分组成:选择符(Selector).属性(Property)和值(Value)。
使用方法:
Selector {Property:Value;}
选择符(Selector)又称选择器,指这组样式编码所要针对的对象,可以是一个XHTML标签(如body, h1),也可以是定义T特定id或class的标签(如#main,选择符表示选择<div id="main">即一个被指定了id名为main的对象)。浏览器将对CSS选择符进行严格的解析,每一组样式均会被浏览器应用到对应的对象上。
属性(Property)是CSS样式控制的核心,对于梅个XHTML标签,CSS都提供了丰富的样式属性,比如颜色、大小、定位、浮动方式等。
值(value)指属性的值,形式有两种,一种是指定范围的值(如float属性,只可能应用left, right, none三种值),另一种为数值(如width能够使用0-9999px或其他数学单位来指定)。
在实际应用中,我们往往使用以下类型的应用形式:
body {background-color:blue;}
它表示选择符为body,即选择了页而中的<body>标签,属性为background-color,这个属性用于控制对象的背景色,其位为blue。可见,页面中的body对象的背景色,通过使用这组Css编码,被定义为蓝色。
除了对单个属性的定义,同样可以为单个标签定义一个或者多个属性,每个属性之间使用分号隔开。
类型选择符
上面的body{}便是一种类型选择符。所谓类型选择符,指以网页中己有的标签名作为名称的选择符,body是网页中的一个标签名,div也是,span也不例外。因此以下的选择符都是类型选择符,它们将控制页面中所有body(body自然只有一个).div或span.
body{}
div{}
span{}
返回新闻列表