探索样式布局篇

《探索样式布局篇》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、探索样式布局篇CSSCSS简介它能做什么？CSS语法结构怎样将CSS应用到网页中？CSS简介什么是CSS?CSS(CascadingStyleSheets)层叠样式表它能做些什么？使用CSS样式可以有效地对页面进行布局。使用CSS样式可以对页面字体、颜色、背景和其他效果实现精确描述，同时对它们的修改和控制变得更加快捷。可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的代码，那么整个站点的所有页面都会随之发生变动。CSS可以支持多种设备,比如手机,PDA,打印机,电视机,游戏机等目的：将表现与结构分

2、离。CSS语法结构CSS语法由三部分构成：选择符、属性和值Selector{Property:Value;}选择符属性值例：body{background-color:#cccccc;}将CSS应用到网页中1.行间样式表行间样式表是指将CSS样式编码写在XHTML标签之中。如：这是一个标题将CSS应用到网页中

3、2.内部样式表内部样式表作为页面中的一个单独部分，由标签定位在之中。如：body{background-color:#cccccc;}将CSS应用到网页中3.外部样式表外部样式表是CSS应用中最好的一种形式，它将CSS样式代码单独放在一个外部文件中，再由网页进行调用。如：style.cssbody{background-color:#cccccc;}

4、/css”>CSS选择符1.类型选择符所谓类型选择符，指以网页中已有的标签名作为名称的选择符。如body{}h1{}p{}选择符2.群组选择符除了可以对单个标签进行样式指定外，还可以对一组标签进行相同的样式定义。如：h1,h2,h3,p{font-size:12px;font-family:arial;}使用逗号对选择符进行分隔。对页面中需要使用相同样式的地方，只需写一次样式。选择符3.包含选择

5、符当我们只打算对某个对象的子对象进行样式定义时，可以使用包含选择符。如：h1span{font-weight:bold;}选择符3.id及class选择符id及class均是css提供由用户自定义标签名称的选择符，用户可以使用选择符id及class来对页面中的xhtml标签进行自定义名称，从而达到扩展xhtml标签及组合html标签的目的。如：id选择符这是一个段落