网站建设
移动互联网
品牌设计
创新应用
新闻动态
网站百科
简体

css语法结构有哪些

时间:2014-08-04 来源:尚品中国 类型:网站百科
字号:   

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


您好,现在就与尚品客服交流

专业网站建设 | 大型网站开发 | 营销网站建设 | APP开发等业务

您可以直接电话快速沟通

北京专线:010-60259772(总部)

天津专线:022-58793660

假日热线:010-60259772

北京地区微信

天津地区微信

快速在线提交需求

请输入您的姓名(尚品将对您的联系方式严格保密)

请输入您的联系电话或微信号