4当前位置:网页制作DreamWeaver教程-Dreamweaver利用CSS控制页面外观
4网页制作分类
CSS | HTML
FrontPage | DreamWeaver
JavaScript | ASP
.Net | PHP
JSP | XML
数据库 | PhotoShop
FireWorks | Flash
4本站推荐内容
4最新网页制作
·Dreamweaver利用CSS…
·Dreamweaver制作多…
·Dreamweaver使用库…
·DW固定网页语言编码…
·Dreamweaver制作复…
·玩转Dreamweaver 8…
·玩转Dreamweaver 8…
·玩转Dreamweaver 8…
·玩转Dreamweaver 8…
·玩转Dreamweaver 8…
4热门网页制作
·菜鸟学DW MX做ASP之…
·菜鸟学DW MX做ASP之…
·菜鸟学DW MX做ASP之…
·菜鸟学DW MX做ASP之…
·Dreamweaver连接数…
·菜鸟学DW MX做ASP之…
·菜鸟学DW MX做ASP之…
·Dreamweaver制作多…
·Dreamweaver MX 200…
·DreamWeaver经典50问
4相关网页制作
·层的应用及其定位(…
·Dreamweaver制作网…
·用Dreamweaver进行…
·菜鸟学DW MX做ASP之…
·Dreamweaver七点小…
·DW制作网页内部链接
·DW MX 2004网页中文…
·用Dreamweaver进行…
·Dreamweaver构建Jav…
·Dreamweaver使用库…
Dreamweaver利用CSS控制页面外观
类别:DreamWeaver教程    来源:网络    时间:2008-10-22    贴士:推荐给好友
收藏本页 8 
  层叠样式表(CSS)是一系列格式设置规则,它们控制Web页面内容的外观。使用CSS设置页面格式时,内容与表现形式是相互分开的。页面内容(HTML代码)位于自身的 HTML 文件中,而定义代码表现形式的CSS规则位于另一个文件(外部样式表)或 HTML 文档的另一部分(通常为部分)中。使用 CSS 可以非常灵活并更好地控制页面的外观,从精确的布局定位到特定的字体和样式等。 

   CSS使您可以控制许多仅使用HTML无法控制的属性。例如,您可以为所选文本指定不同的字体大小和单位(像素、磅值等)。通过使用CSS从而以像素为单位设置字体大小,还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。 

  CSS格式设置规则由两部分组成:选择器和声明。选择器是标识已设置格式元素(如 P、H1、类名称或ID)的术语,而声明则用于定义样式元素。在下面的示例中,H1是选择器,介于大括号"{}"之间的所有内容都是声明: 
H1 { 
  font-size:16 pixels; 
  font-family:Helvetica; 
  font-weight:bold; 
  }


  声明由两部分组成:属性(如font-family)和值(如Helvetica)。上述示例为H1标签创建了样式:链接到此样式的所有 H1 标签的文本都将是16像素大小并使用Helvetica字体和粗体。 

  术语“层叠”是指对同一个元素或Web页面应用多个样式的能力。例如,可以创建一个CSS规则来应用颜色,创建另一个规则来应用边距,然后将两者应用于一个页面中的同一文本。所定义的样式“层叠”到您的Web页面上的元素,并最终创建您想要的设计。

  CSS的主要优点是容易更新,只要对一处CSS规则进行更新,则使用该定义样式的所有文档的格式都会自动更新为新样式。

  在Dreamweaver中可以定义以下规则类型: 

  自定义CSS规则(也称为“类样式”)使您可以将样式属性应用到任何文本范围或文本块。所有类样式均以句点"."开头。例如,您可以创建称为.red的类样式,设置规则的color属性为红色,然后将该样式应用到一部分已定义样式的段落文本中。

  HTML标签规则重定义特定标签(如p或h1)的格式。创建或更改h1标签的CSS规则时,所有用h1标签设置了格式的文本都会立即更新。 

  CSS选择器规则(高级样式)重定义特定元素组合的格式,或其它CSS允许的选择器形式的格式(例如,每当h2标题出现在表格单元格内时,就应用选择器td h2)。高级样式还可以重定义包含特定id属性的标签的格式(例如,由 #myStyle定义的样式可以应用到所有包含属性/值对id="myStyle"的标签)。
·上一篇:Dreamweaver制作多彩文字链接
·下一篇:这已经是本类最后一篇记录了!
本站部分内容收集整理于网络,仅用于学习,不存在商业目的,如有涉及版权等问题请联系站长,本站将在第一时间内进行处理!
Copyright © 2007-2008 Zzsky.Cn  中国站长天空  网站制作维护:可乐猫  QQ:8127544(请注明来意)
设为首页  加入收藏  联系站长  友情链接  闽ICP备08002933号