本文摘自PHP中文网,作者青灯夜游,侵删。
CSS的语法结构仅仅由三部分组成:选择符(Selector)、属性(property)、和值(value)。
使用语法:
1 |
|
选择符(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它,或其它数学单位来指定。
在实际应用中,我们往往使用以下类似的应用形式:
1 |
|
说明:
在上边的body{}便是一种类型选择符。所谓类型选择符,是指以网页中已有的标签类型作为名称的选择符,body是网页中的一个标签类型,div也是,span也是。因此以下选择符都是类型选择符,而它们将控制页面中所有的body或div或span:
1 2 3 |
|
以上就是css的语法结构是什么?的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
推荐一个chrome devtools实用小插件:css overview panel
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者