讲完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{}