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标签：
推荐新闻
更多行业-
网站建设和制作哪家好？
网站性价比还可以！价格不会太高，而且都是独立设计的页面，不要太便宜做网...
2021-03-12 -
教育网站模板去哪里找？网站建设时有哪些注意事项？
教育网站建设已成为教育行业与网络技术的结合，越来越多的学校和机构都需要...
2023-04-12 -
企业网站建设—CSS样式
HTML 标签原本被设计为用于定义文档内容，如下图实例： 样式表定...
2019-05-27 -
网站页面内的内容结构怎样布局才合理？
网站中正确的内容结构和内容本身一样重要。通过遵循一些简单的规则，您可以...
2020-12-11 -
33个设计精美的网页下拉菜单
站长之家（CHINAZ.com）1月19日编译：下拉菜单是目前网站中使...
2012-02-03 -
视觉识别系统在网站设计领域的延伸
随着第四媒体互联网的迅速发展，视觉识别系统延伸到新的领域，由于互联...
2015-02-03
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
预约专业咨询顾问沟通！
Copyright © 2025 恒久尚品 版权所有 | 京ICP备09066521号
| 公安机关备案号:11011502003910
免责声明
诚信企业
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60259772
电子邮件：394588593@qq.com
