css是Cascading Style Sheets的简称，中文称为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离
插入样式表的方法有三种: 1.外部样式表(External style sheet) 2.内部样式表(Internal style sheet) 3.内联样式(Inline style)
当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在（文档的）头部：
"stylesheet"=href=>浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。
外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。下面是一个样式表文件的例子：
hr{color:sienna;}p{margin-left:20px;}body{background-image:url();}当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用标签在文档头部定义内部样式表，就像这样:
由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。
要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style 属性可以包含任何 CSS 属性。本例展示如何改变段落的颜色和左外边距：
"color:sienna;margin-left:20px">这是一个段落。
如果某些属性在不同的样式表中被同样的选择器定义，那么属性值将从更具体的样式表中被继承过来。
例如，外部样式表拥有针对 h3 选择器的三个属性：
h3{color:red;text-align:left;font-size:8pt;}而内部样式表拥有针对 h3 选择器的两个属性：
h3{text-align:right;font-size:20pt;}假如拥有内部样式表的这个页面同时与外部样式表链接，那么 h3 得到的样式是：
color:red;text-align:right;font-size:20pt;即颜色属性将被继承于外部样式表，而文字排列（text-alignment）和字体尺寸（font-size）会被内部样式表中的规则取代。
多重样式优先级
样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。
一般情况下，优先级如下：
** 内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式**
"stylesheet"=href=/>测试！
注意：如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。
怎样在文件夹选项中创建css关联
1.可以点点右键CSS文件 打开方式 －选择DW －沟选使终用此程序打开此类文件 －确定 还有一种 方法打开Dreamweaver －编辑 －首选参数（crtl+U）－文件类型（编辑器）－在代码试图中打开此类文件里面 写上
如何做css样式？
CSS和DIV标签很好的结合起来这就需要你有很扎实的基础和经验得多考虑!DIV+CSS 用dreamweaver cs3 对这方面的支持很好你可以用以下
div+css的使用
第一步： 先建立和两个文件。放在同一目录里 [建议编辑工具用Dreamweaver以后简称DW] 第二步： 在里的之间放入 这段代码是外部CSS调用，注意：href=这是路径 因为和在同一目录。 第三步： 在文件里编定样式。可以用DW 用DW打开你的 → 窗口 → CSS样式 → 一般在你的右边出现CSS样式 → 点全部，下面会出现一个 → 点右键选择转到代码，这样在左边出现一个空白的板面这是因为你还没在里面编辑 第四步： 开始编定你要的样式了： 样式分两种 一种是点 . 一种是#号 先说. 如 {} 点开头后面的abc是你自己定义的，为了直观大括号里我没有什么东西是因为只定义了样式名称，内容如高，宽没有定义，这样又回到右边的CSS样式编辑器里 这时在下面出现了一个的名字，你可以双击或右键选择编辑，这样会出现一个对话框。 下面说说对话框里的一些功能 分类：第一个类型是定义字体，大小，一些相关东西，一看就知道了， 第二个是背景不用说了，你一就明白了， 第三个是区块，这个自己研究一下， 第四个是方框，这个就是定义宽和高了，浮动选择一般为左对齐，下面的就是相当于，用table的，填充和间距和 第五个边框，边框，就是定义这个框的边线，大少颜色之类的，自己研究， 其它的，有少复杂，自己用多了就会知道了， 说了这么多，来个例子吧： 从出来对话框说起， 选择第二个，背景为红色[#FF0000] 选择第四个，定义宽为500px，高为300px，浮动为左对齐，点确定。样式如下 { background-color: #FF0000; width: 500px; height: 300px; float: left; } 样式出来了，接下来就是DIV的调用了，下面是里面： 上面就可以浏览看出页面有一个500X300的红色块了现在说明一下.和#号了 用就用class=abc 用#abc就用id=abc 他们区别就是级别不一样，#号比点要级高，而且#号是唯一的， 先说级别： 如果DIV用#号，定义了字为12号，黑色(ID=abc>) 我是真灵无限 上面的六个字，为12黑色的字， 但是我想要真灵无限四个字为14号，红色(class=123) 这样定成 我是 真灵无限 这样是没有用的，因为高级的#已经定义了，字的大小和颜色，所以要反过来， 我是 真灵无限 这样才能有效果 再说说#号的唯一性，如果定义了#abc和.123这两个样式 那么ID=abc在一个页面只能出现一次， 而class=123可以在多个div里面调用， 这就是id和class的区别！ 打了这么多，相信基本的样式可以应用了。
发表评论