css语法结构有哪些

说完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{}
上一个:阿里云域名备案流程
下一个:挑选网站制作公司时触及到的寻常问题
桃源网站建设,桃源做网站,桃源网站设计