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标签：
推荐新闻
更多行业-
SEO优化不要过于关注百度快照
对于百度快照的问题，尚品中国网站建设公司真的是不知道说过多少次了，还是...
2013-12-20 -
淘宝SEO高级优化技巧,提高流量方法
我们先了解SEO网站优化这个词，SEO也叫搜索引擎优化，是针对搜索规律...
2012-06-11 -
为什么要建设企业网站？企业网站会带来哪些效益
许多企业和企业被质疑是不正常的，因为他们在互联网上找不到任何信息。一个...
2020-06-02 -
六个网站排名不稳定的因素
平均每天不止一次，搜索引擎算法的改变Googl每年都有几百次小的算法变...
2012-06-20 -
如何挑选专业的网站设计公司？方法有哪些？
受到市场供需关系的影响，现在市面上可供我们大家选择的网站设计公司数量非...
2022-07-28 -
乔布斯营销教练的4条营销密语
网站建设公司尚品中国：1984年1月24日，苹果公司向世界发布了其里程...
2014-01-28
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
预约专业咨询顾问沟通！
Copyright © 2025 恒久尚品 版权所有 | 京ICP备09066521号
| 公安机关备案号:11011502003910
免责声明
诚信企业
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60259772
电子邮件：394588593@qq.com
