Dreamweaver MX 2004 CSS样式
http://tech.ddvip.com 2006年10月10日 社区交流
本文详细介绍Dreamweaver MX 2004 CSS样式
我们可能都有这样的体验,如果设置浏览器中字体的大小,网页中的字体就会随之改变。这固然会给一些有特殊需要的用户带来方便,但同时也给网页的布局带来负面影响--网页的版面会随着字体的改变而变的面目全非。但一个好的网页,却不受浏览器字体设置的影响,网页中的文本等始终保持原有的外观,这就是CSS的作用。
CSS是Cascading Style Sheets(层叠样式表单)的简称。它允许作者在HTML文档中加入样式(如字体类型、颜色、大小等等)。对于设计者来说它是一个非常灵活的工具,不必再把繁杂的样式定义编写在文档结构中,可以将所有有关于文档的样式指定内容全部脱离出来,在行内定义、在标题中定义,甚至作为外部样式文件供HTML调用。CSS在当前的网页设计中已经成为不可缺少的技术,例如我们现在最常见的去除链接文字的下划线就是CSS最简单的应用。
Dreamweaver是最早将CSS的应用于网页的工具。通过直观的界面,设计者可以定义超过70种不同的CSS设置,这些设置可以影响到网页中的任何元素,从文本的间距到类似于多媒体的转换。可以随时创建自己的样式单,然后在任何时候连接调用它。
CSS也是以代码形式出现的,编写好的CSS代码,在网页的HTML中以<style>标签形式出现,在网页中使用CSS有三种方式:
外部文件方式:即用任何一种文本编辑工具将编辑好的CSS代码保存为***.css的文件,然后在网页的文档头加入代码<Link Rel="stylesheet" Href="***.css" Type="text/css"> 凡是在网页文档头加入了这行代码的网页都将按照CSS格式显示。这种方式一般主要在使整站风格统一时使用。
内部文档头格式:
它是将CSS风格网页的文件头之间,应用的范围仅在该文档。这种方式主要在确定某个页面风格时使用。
直接插入式:
这种方法是在每一个HTML标签后直接书写CSS属性。在对页面的某一个标签进行调整时使用这种方式。
CSS是HTML代码的扩充,只要修改CSS代码中的参数值,就能随心所欲的改变网页的风格,但是编写代码仍旧是一个很繁琐的工作。幸好 Dreamweaver MX 2004 的【CSS样式】面板和【CSS属性】面板,为我们提供了极大的便利,只需要点点鼠标,就能自动生成CSS代码。
责编:豆豆技术应用