第八讲CSS模板和库项目.pptVIP

8.4CSS样式表概述为什么用CSS样式 如今网页排版格式越来越来复杂，如果要对多个网页的同样格式一一进行设计，那么就会给制作人员带来很多的工作量，所以解决办法是采用CSS样式来一次性对若干个文档的格式进行控制。 8.4CSS样式表概述什么是CSS样式 CSS（Cascading Style Sheet，层叠样式表 ）技术是一种格式化网页的标准方式，它扩展了HTML的功能，使网页设计者能够以更有效的方式设置网页格式。 8.4CSS样式表概述什么是CSS样式 CSS样式存于样式表文件中，然后在多个网页中同时应用该样式表中的样式 ，就能确保多个网页具有一致的格式，并且能够随时更新（只要更改样式表文件就可以使所有网页自动更新），从而大大降低了网站的开发和维护工作量。 8.4CSS样式表概述认识CSS面板 显示所有样式 显示当前样式 内部样式表 样式名称 样式及属性值 8.5 CSS的分类 外部链接样式表(External linking css):实际上是一个仅包含样式规则的外部文本文件，其后缀名为“CSS”，当编辑此文件时，所有与此样式表链接的文档将全被更新。 内嵌式样式表(Embedded CSS)：嵌在HTML代码的style标记之间。 内联式样式表(Inlink CSS):直接在某一HTML标记后添加样式代码。 优先程度：内联式内嵌式外部链接 （1）显示“CSS 样式”面板的方式： 打开“窗口”菜单——“CSS”样式 （2）样式视图 CSS样式面板 CSS样式在网页中的三种存在方式 外部文件方式：CSS以文件的形式存在，在HTML文档头通过文件引用进行控制。 CSS文件的引用是在head/head标签之间写下列语句: link rel=“stylesheet” href=“文件名.CSS” type=“text/css” 不以文件的形式存在,仅作用于本文档,直接定义在 head/head 之间. Style type=“text/css” !— P{font-family:“宋体” font-size:9pt;color:blue} H2{font-family: “宋体” ;font-size:13pt;color:red} -- /style 内嵌样式 直接插入式 只需要在每个HTML标签后书写CSS属性。作用范围只限于本标签。 table style=“color:red;font-size:10pt” 在统一站点风格上，用第一方式，在某个网页风格统一上，用第二种方式，而在网页内部某个标签的具体调整上，用第三种方式。 如果是新建CSS文件,有两种方法: 方法一:可以通过菜单”文件/新建/CSS样式” 方法二:通过进入CSS面板,点击右下角的”新建CSS样式” 接下来,我们来看第二种方法 创建新的 CSS 样式 创建自定义样式(也就是选择器类型中选择”类”)：名称须以.开头，并且可以包含任何字母和数字组合。例如 .myhead1。如果您没有输入开头的句点，Dreamweaver 将自动为您输入。 在”定义在:”的选项中,有两个选择,第一个表示新建CSS文件,这时,你在刚才的”名称:”后面的文本框中输入的就是CSS文件名;如果你选择”仅对该文档”,则是以形如”.myhead1”方式出现在代码中. 重定义HTML标签：重定义特定 HTML 标签的默认格式。对文档中的任何标签都可以应用 CSS 样式 . acronym从字义上理解，是取首字母的缩写词，abbr是缩写，在应用过程中，两个标签看起来差不多，但还是有区别的。 acronym title=cssCascading Style Sheets/acronym abbr title=psphotoshop/abbr 上面这两行代码是放在页面中的.然后再设置 abbr或acronym标签 注意:IE6中可能不支持,IE7支持 更多的HTML标签的信息请浏览附录:html标记大全 选择高级：重新定义一些标签的特定组合格式。共有四种:a:link, a:visited, a:hover,a:active a:link当文字作为链接时, a:visited当其链接的网页已被浏览时, a:hover表示光标移向链接文字时,a:active当超链接文字被选中时 在网页中练习这四种的效果 外部：将以文件的形式存在。 仅对该文档：内嵌式样式。 CSS的属性 字体：font-family 大小：font-size 粗细：font-weight 样式：font-style 行高：line-height 修饰：text-decoration 颜色：color 定义层叠样式表 类型：定义 CSS 样式的基本类