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标签：
推荐新闻
更多行业-
网站建设怎么实现加载优化
网站建设中很重要的一块是资源的加载优化。网站建设由于网速低带宽，高延迟...
2019-10-17 -
网站建设时怎样设计布局效果比较好？
在网站的建设中，除了企业的不同需求，我们还考虑了页面的布局。 对于专...
2020-03-16 -
网站建设工作
互联网已经成为人们获取信息、交流和商业活动的重要平台。在这个数字化的时...
2023-08-28 -
如何优化网站设计中的首页布局减少用户跳出率？
通常我们把标题还有网站布局一分为二，标题的重要性占40%，而网站首页布...
2018-09-06 -
网站设计可以随意选择风格吗？
虽说基本上的公司都会有自己的网站，但是每个公司的网站在风格选择上会有一...
2023-02-07 -
网站关键字排名下降和解决方法
网站关键字排名下降和解决方法关键字"北京网站建设"...
2012-01-25
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
预约专业咨询顾问沟通！
Copyright © 2025 恒久尚品 版权所有 | 京ICP备09066521号
| 公安机关备案号:11011502003910
免责声明
诚信企业
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60259772
电子邮件：394588593@qq.com
