原创力文档- 1、本文档共32页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
第五章 C S S 《网页设计与制作》 精品 课堂内容 第七章 CSS 第一节、CSS简介 一、什么是CSS 二、为什么要使用CSS 三、CSS的使用方法 四、CSS的基本语句结构 五、CSS的类型 第二节、CSS属性及滤镜 一、CSS的属性 二、CSS滤镜 三、CSS的声明 四、CSS的冲突 小结、本节内容学习方法 精品 一、什么是CSS？ CSS是Cascading Style Sheets（层叠样式表单）的简称。通常又称作样式表，是一种设计网页样式的工具。 实际操作篇 CSS层叠样式表 第一节 CSS简介 精品 二、为什么要使用CSS？ CSS样式可灵活、精确地控制网页外观，控制的内容包括布局、字体、颜色、背景和其它效果。 优点： 1、内容和形式分离。 网页前台只需要显示内容就行，形式上的美工交给CSS来处理。生成的HTML文件代码精简，更小打开更快。 2、改版网站更简单容易了。 不用重新设计排版网页，甚至于不用动原网站的任何HTML和程序页面，只需要改动CSS文件就完成了所有改版。对于门户网站来说改版就像换件衣服一样简单容易。 3、搜索引擎更友好，排名更容易靠前。 实际操作篇 CSS层叠样式表 精品 三、常用的CSS使用方法 编辑工具：任何文本编辑工具 样式表使用方法一般有三种： 1）文档头部插入：适用于单个网页应用 2）行内插入：适用于页面中一、两个地方才用到CSS 3）外部链接样式文件：适用于多个网页都用到CSS 实际操作篇 CSS层叠样式表 精品 1）文档头部插入 <style type=“text/css”> …… </style> 如：<html> <head> <title>文档标题</title> <style type=“text/css”> <!-- body {font: 10pt “Arial”} h1 {font: 15pt/17pt “Arial”; font-weight: bold; color: maroon} h2 {font: 13pt/15pt “Arial”; font-weight: bold; color: blue} p {font: 10pt/12pt “Arial”; color: black} --> </style> </head> <body> 请注意，这里将style对象的type属性设置为“text/css”，是允许不支持这类型的浏览器忽略样式表单。 具体请看操作演示 实际操作篇 CSS层叠样式表 精品 2）行内插入 <p style=“font-size：14pt；color：blue”>蓝色14号文字</p> 这是采用<Style=“ ”>的格式把样式写在html中的任意行内，这样比较方便灵活 具体请看操作演示 实际操作篇 CSS层叠样式表 精品 3）外部链接样式文件 先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下： <head> <title>文档标题</title> <link rel=stylesheet href="/dhtmlet.css" type="text/css"> </head> 这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减少了大量的冗余代码 具体看操作演示 实际操作篇 CSS层叠样式表 精品 利用CSS面板创建外部CSS文件 1）选择新建CSS标签，弹出如下对话框，选择新建； 2）将CSS样式表命名、保存； 3）外部CSS文件创建好后，就可在HTML文档中，使用“LINGK”标签调用外部的CSS文件定义的样式了。 实际操作篇 CSS层叠样式表 精品 四、CSS的基本语句结构 Selector { property: value } 参数说明： Selector ：选择符 property : 属性 value ：属性值 属性和属性值之间用冒号(:)隔开。多个定义之间用分号(;)隔开 <style type="text/css"> <!-- body {font: 10pt "Arial"} h1 {font: 15pt "Arial"; font-weight: bold; color:
文档评论（0）