建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > css教程 >

css的语法结构是什么?

时间:2019-08-01 14:50来源:PHP中文网 作者:猪哥 点击:
CSS的语法结构仅仅由三部分组成:选择符(Selector)、属性(property)、和值(value)。 使用语法: selector {Property:value;} 选择符(Selector)指这组样式编码所要针对的对象,可以是一个XHTML标签,如body,h1;也可以是定义了特定的ID或CLASS的标签

CSS的语法结构仅仅由三部分组成:选择符(Selector)、属性(property)、和值(value)。

使用语法:

selector {Property:value;}

选择符(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它,或其它数学单位来指定。

在实际应用中,我们往往使用以下类似的应用形式:

body {background-color:blue;}

说明:

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

body{}
div{}
span{}

(责任编辑:yang)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片