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{}
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{}
来源声明：本文章系中欧体育
中国编辑原创或采编整理，如需转载请注明来自中欧体育
中国。以上内容部分(包含图片、文字)来源于网络，如有侵权，请及时与本站联系（010-60259772）。
TAG标签：
推荐新闻
更多行业-
认识搜索营销趋势,找到网站优化方向
搜索引擎的出现有效的提升了用户上网的效率，同时也改变了人们上网的习惯，...
2013-09-05 -
怎样可以提高网站单页的质量，有哪些好的方法
如今，单页网站在企业宣传中非常受欢迎。个人和企业都越来越多地使用单页宣...
2020-03-25 -
网站颜色搭配及思路有哪些？
不要小瞧了色彩，其实色彩是有感情的，有温度的，有味道的，有形状的哦。访...
2018-09-05 -
高端网站制作的整体流程是什么？有哪些步骤？
高端网站制作一定要有相关流程，只有按照流程步骤来进行设计，才能够体现出...
2022-10-24 -
网站运营发展新趋势 线上和线下同步
成立三年的拼多多上市了，舆论一下沸腾了，虽然对于拼多多不屑的人居多，可...
2018-08-07 -
常见的几种病毒视频创作手法
此处的病毒视频特指带有隐形广告目的的视频，通常用于品牌产品传播推广之用...
2012-02-03
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
预约专业咨询顾问沟通！
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60259772
电子邮件：394588593@qq.com
