学习Dreamweaver8了解掌握CSS层叠样式表
日期:2007年7月17日 作者: 查看:[大字体 中字体 小字体]-
学习Dreamweaver8了解掌握CSS层叠样式表
了解层叠样式表
层叠样式表 (CSS) 是一系列格式设置规则,它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时,请将内容与表现形式分开。页面内容(即 HTML 代码)驻留在 HTML 文件自身中,而用于定义代码表现形式的 CSS 规则驻留在另一个文件(外部样式表)或 HTML 文档的另一部分(通常为文件头部分)中。使用 CSS 可以非常灵活并更好地控制具体的页面外观,从精确的布局定位到特定的字体和样式。
CSS 允许您控制 HTML 无法独自控制的许多属性。例如,可以为选定的文本指定不同的字体大小和单位(像素、磅值等)。通过使用 CSS 以像素为单位设置字体大小,还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。
除设置文本格式外,还可以使用 CSS 控制 Web 页面中块级别元素的格式和定位。例如,可以设置块级元素的边距和边框、其他文本周围的浮动文本等。
CSS 格式设置规则由两部分组成:选择器和声明。选择器是标识格式元素的术语(如 P、H1、类名或 ID),声明用于定义元素样式。在下面的示例中,H1 是选择器,介于括号 ({}) 之间的所有内容都是声明:
H1 {
font-size:16 pixels;
font-family:Helvetica;
font-weight:bold;}
声明由两部分组成:属性(如 font-family)和值(如 Helvetica)。上面的 CSS 规则为 H1 标签创建了一个特定的样式:链接到此样式的所有 H1 标签的文本都将是 16 个像素大小、Helvetica 字体和粗体。
术语 cascading 表示向同一个元素应用多种样式的能力。例如,可以创建一个 CSS 规则来应用颜色,创建另一个 CSS 规则来应用边距,然后将两者应用于页面上的同一个文本。所定义的样式向下"层叠"到您的 Web 页面上的元素,并最终创建您想要的设计。
CSS 的主要优点是它提供了便利的更新功能;更新一处的 CSS 规则时,使用该已定义样式的所有文档的格式都会自动更新为新样式。
在 Dreamweaver 中可以定义以下样式类型:
自定义 CSS 规则(也称为类样式)使您可以将样式属性应用于任何文本范围或文本块。(请参见应用类样式。)
HTML 标签样式重定义特定标签(如 h1)的格式。创建或更改 h1 标签的 CSS 样式时,所有用 h1 标签设置了格式的文本都会立即更新。
CSS 选择器样式(高级样式)重新定义特定元素组合的格式设置,或重新定义 CSS 允许的其他选择器表单的格式设置(例如,每当 h2 标题出现在表格单元格内时都应用选择器 td h2)。高级样式还可以重新定义包含特定 id 属性的标签的格式设置(例如,#myStyle 定义的样式可应用于包含属性值对 id="myStyle" 的所有标签)。
CSS 规则可以位于以下位置:
外部 CSS 样式表是一系列存储在一个单独的外部 CSS (.css) 文件(并非 HTML 文件)中的 CSS 规则。利用文档文件头部分中的链接,该文件被链接到 Web 站点中的一个或多个页面。
内部(或嵌入式)CSS 样式表是一系列包含在 HTML 文档文件头部分的 style 标签内的 CSS 规则。
内联样式是在标签的特定实例中在整个 HTML 文档内定义的。
Dreamweaver 识别现有文档中定义的样式,只要这些样式符合 CSS 样式准则。
提示
若要显示 Dreamweaver 中包含的 O'Reilly CSS 参考指南,请选择"帮助">"参考",然后从"参考"面板的弹出式菜单中选择"O'Reilly CSS 参考"。 - [1] [2] 下一页
-
- 学习Dreamweaver8了解掌握CSS层叠样式表 相关文章:
- ·Photoshop教程 图层样式的学习
- ·理解ASP.NET中的三层结构
- ·关于三层交换机与路由器的比较
- ·交换机基础 第三层交换机技术
- ·Flash中有关层的深度处理的常用函数
- ·利用PS“图层样式”制作金属字效果
- ·购买三层交换机时应当注意的事项
- ·关于Flash层的深度处理问题
- ·三层交换机的概念及其组网应用
- ·CSS和HTML与前端技术层图示
- 学习Dreamweaver8了解掌握CSS层叠样式表 相关软件
- ·巴黎爱情-底层华裔女性的爱与欲
- ·魔塔(暑假危机夏令营150层)
- ·DW3图层应用技巧集锦
- ·导游应具备的知识层次
- ·《高层民用建筑设计防火规范》(2001版)
- ·三层交换机特点与实现分析
- ·Cisco OSI七层网络图
- ·高层的死角
- ·中国高层新智囊
- ·地狱的第19层
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
精品推荐
热点TOP10
- ·入门:用Dreamweaver简单描述制作网页的基本步骤
- ·用Dreamweaver MX 2004制作ASP动态网站(投票系统篇)
- ·Dreamweaver+ASP制作动态二级菜单
- ·公司建站完全手册――网页色彩设计点滴
- ·级联删除的触发器代码解释
- ·实战Dreamweaver MX和Visual SourceSafe开发Web项目
- ·菜鸟学用DreamWeaver做ASP
- ·Dreamweaver如何制作浮动广告
- ·Dreamweaver CS3 新功能描述
- ·Dreamweaver实例:随机播放背景音乐
- ·Dreamweaver插入Flash添加透明或其他参数
- ·充分利用Dreamweaver CS3的代码片断功能面板
- ·Dreamweaver也能轻松制作Flash相册
- ·简单描述Adobe Dreamweaver CS3 的最新功能
- ·用DW制作网页时关于文字自动换行的小技巧
- ·在DreamweaverCS3中用Spry将XML数据显示到HTML页
- ·Dreamweaver CS3 最新功能描述
- ·Dreamweaver CS3新功能
- ·在Dreamweaver8.0.2中插入的Flash添加透明或其他参数
- ·DW滤镜样式的语法规则
特别推荐
- ·利用DW8掌握网页代码基本格式
- ·用Dreamweaver8制作网页中常用的过度效果
- ·级联删除的触发器代码解释
- ·DW滤镜样式的语法规则
- ·Dreamweaver初学者常见问题解答
- ·12个Dreamweaver鲜为人知的小秘诀
- ·巧妙运用Dreamweaver进行网页制作技巧
- ·网页导航设计九大注意事项
- ·Dreamweaver技巧12条
- ·DreamWeaver 经典
- ·寻找Dreamweaver鲜为人知的小秘诀
- ·在DW中插入Flash的参数详解
- ·Dreamweaver层使用八定律
- ·用Dreamweaver MX 2004的Flash动画元素
- ·DW 技巧简单几问几答
- ·Dreamweaver MX实例:插入交替图像按钮
- ·在DreamWeaver中应用CSS样式表技巧两则
- ·Dreamweaver MX 2004的一句话技巧
- ·巧妙运用DW进行网页制作技巧
- ·Dreamweaver经典问题大搜罗
