Css在Dreamweaver中建站应用.docVIP

Css在Dreamweaver中建站应用 　　摘要：在用Dw制作网站的时候，离不了各种样式的设置。对网页定义不同的样式，不但工作量巨大，而且容易出错，甚至有时候根本达不到需要的效果，使用css就会非常非常方便的解决这些问题。它是专门用来进行网页元素定位的，而css的各种样式设置能为网站建设带来极为便利的服务。在网页设计中，特别是中文网页设计中，css的使用非常广泛，其良好的兼容性、精确的控制方法，更少的编码受到了更多网页设计者的青睐。?? 　　关键词：CSS、样式?? 　　中图分类号：TP314 文献标志码：A 文章编号：1671??1009(2010)12??0144??02 　　?お? 　　随着网站的越来约复杂话，html语言由于其固有的缺陷越来越无能为力了。他无法对网站中的元素进行精确定位，无法批量更新网站样式，为此，css样式便迎运而生， Css英文全称为cascading style sheets，即层叠样式表单，通常又称它为样式表。掌握它是很重要的。 　　一、关于CSS样式的解析 　　?ネ?页设计最初是用HTML标记来定义页面文档及格式，Css和html结合在一起使用的，它可以控制HTML中元素的显示格式，并扩展HTML的功能，对网站网页元素施加更多的控制使用；可以轻松地控制页面的布局，许多网页的风格格式可以同时更新，不用再一页一页地更新。css批量更新网页轻松实现；使用css中的滤镜可以对图像在浏览器中显示效果进行进一步的修饰，使用css的一些高级属性设置可以自定义浏览器滚动条的样式和鼠标在页面中的样式。 　　?ピ?Dreamweaver中，常使用这两种方式来使用样式表。一种是嵌入式样式表，直接嵌入到html文档中，一种是附加外部样式表。Css样式定义有两部分组成，选择器和声明，其中，选择器是样式名称（如ir或p），而声明则用与定义样式表元素。声明由两部分组成：属性何值。注意：在样式定义中，属性与属性值之间用冒号“：”，多个属性定义之间用分号“；”隔开????［1］??。 　　?ぷ远ㄒ逖?式（类样式）。 　　??text{color：#ffoooo；}声明 　　??Css选择器样式 ：#menu{width：700px}声明 　　二、CSS样式表创建和使用 　　?ぃㄒ唬┭?式的种类 　　??1、类样式：对称自定义样式。它是唯一可以应用与文档中任何文本并与控制文本的标签无关。 css样式类型，当前文档关联的所有类样式都显示在“css样式”面板中。样式名称前有一个句号且显示在文本属性和样式列表中。 　　??2、标签样式：用来重定义html标签的格式 　　??3、选择器样式 ：称高级样式，它用来定义特定标签组合的格式，它是影响文档中所定义标签的组合。 　　?ぃǘ?）样式的创建步骤 　　?ザ杂诶嘌?式而言，当我们选择文字的字体、大小、颜色等属性后，系统会自动创建相应的样式，此外，也可以按照以下方法直接创建类样式和其他两种样式。 　　??1.通过代码直接创建 　　?ひ话阌兴闹址椒ǎ? 　　?ぃ?1） 　　?ぶ苯影蜒?式写在代码中格式是style=“” 　　 　　?ぃ?2）链接外部css文件，mystyle.css改成你的css路径 　　?ぃ?3）写到页面头部之间 　　?? 　　??hr {color： sienna} 　　??p {margin-left： 20px} 　　??body {background-image： url (“images/back40.gif”)} 　　?? 　　?ぃ?4） 　　??!―― 　　??@import “mystyle.css” 　　?て渌?样式表的声明 　　?ぁ?― 　　?? 用import导入css文件 　　??2.通过面板属性创建 　　?ピ?css样式面板中单击，新建css规则按钮、打开新建css规则样式对话框。 　　?ゲ僮鞑街瑁? 　　?ぃ?1）单击“窗口”-“css样式”菜单项，打开“css样式”面板。 　　?ぃ?2）单击“css 样式”面板右上角的下加号 按钮，从弹出的菜单中选择“新建css样式”菜单项，会出现如图对话框。?? 　　?ぃ?3）在“新建css样式”对话框中， “名称设置为sbiao” 　　?ぃ?4）在选择器类型区，选择创建的css类型，其中：要创建可作为class属性应用与文本框中输入样式名称。 　　?ィㄗ⒁馓崾荆├嗝?称必须以句点开头，并且可以包含任何字母和数字组合（例如，myhead）如果没有输入开头的句点，dreamweaver将自动输入。要重定义的特定html标签的默认格式，（即创建html标签样式），请选择“标签”（重定义特定标签的外观）然后在“标签”字段中输