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标签：
推荐新闻
更多行业-
高端品牌网站建设如何打造医疗官网
随着互联网的快速发展，越来越多的患者选择在网上寻找医疗信息，这使得医疗...
2023-08-08 -
如何打造一个名博?需要多久?
北京网站建设公司尚品中国：每个人评价博客的标准是不同的，在IT人眼中，...
2012-03-22 -
解决IE浏览器不兼容H5标签的办法有哪些？
HTML5有两大特点：首先，强化了Web网页的表现性能。其次，追加了本...
2018-08-22 -
数字化网站建设：运用独特的策略提升网站的价值
数字化网站建设是一个不断发展和变革的领域，成功提升网站价值需要综合考虑...
2023-11-30 -
如何挑选高性价比网站制作公司？
在选择网站制作公司时，任何一家企业客户肯定都希望选择一个高性价比而且是...
2023-02-10 -
食品类型的网站建设要注重哪些细节？
如果你经营餐馆、餐厅和其他食品店，那么你已经知道拥有一个好的餐饮服务公...
2020-04-02
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
预约专业咨询顾问沟通！
Copyright © 2024 恒久尚品 版权所有 | 京ICP备09066521号
| 公安机关备案号:11011502003910
免责声明
诚信企业
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60259772
电子邮件：394588593@qq.com
