网页设计6-css

1、授课人：何蕴婷EMAIL： CSS CSS样式（样式（1 1） 内部培训资料,不作任何宣传用途1、通过实训项目了解在网页中用css设置优点。2、通过实训项目了解css的语法结构。内部培训资料,不作任何宣传用途1、在网页中css的语法结构2、用css设置网页的样式内部培训资料,不作任何宣传用途引入引入 维护困难 标记不足 网页过“胖” 定位困难内部培训资料,不作任何宣传用途引入引入 实例实例1 1：1-2.html1-2.html页面标题页面标题 font color=#0000FF face=CSSCSS标记标记11CSSCSS标记的正文内容标记的正文内容11font color=#0000F

2、F face=CSSCSS标记标记22CSSCSS标记的正文内容标记的正文内容22font color=#0000FF face=CSSCSS标记标记33CSSCSS标记的正文内容标记的正文内容33font color=#0000FF face=CSSCSS标记标记44CSSCSS标记的正文内容标记的正文内容44内部培训资料,不作任何宣传用途引入引入实例实例2 2：1-3.html1-3.html页面标题页面标题!- CSSCSS标记标记11CSSCSS标记的正文内容标记的正文内容11CSSCSS标记标记22CSSCSS标记的正文内容标记的正文内容22CSSCSS标记标记33CSSCSS标记的

3、正文内容标记的正文内容33CSSCSS标记标记44CSSCSS标记的正文内容标记的正文内容44内部培训资料,不作任何宣传用途课堂讲解课堂讲解 CSS样式简介创建CSS样式设置CSS样式 管理CSS样式 应用CSS滤镜效果扩展的CSS支持 内部培训资料,不作任何宣传用途CSSCSS样式简介样式简介 CSS（Cascading Style Sheets）样式又叫层叠样式，使用它可以对网页中的布局元素，如表格、字体、颜色、背景、链接效果和其他图文效果实现更加精确的控制。CSS样式不仅可以在一个页面中使用，而且可以用于其他多个页面。 内部培训资料,不作任何宣传用途CSSCSS样式简介样式简介使用 CS

4、S样式控制页面的方法：1、行内样式，1-5.html页面标题 正文内容1正文内容2正文内容3内部培训资料,不作任何宣传用途CSSCSS样式简介样式简介2、内嵌式：1-6.html页面标题 紫色、粗体、下划线、25px的效果1紫色、粗体、下划线、25px的效果2紫色、粗体、下划线、25px的效果3内部培训资料,不作任何宣传用途CSSCSS样式简介样式简介3、链接式：1-7.html页面标题 CSS标题1紫色、粗体、下划线、25px的效果1CSS标题2紫色、粗体、下划线、25px的效果2其中，其中， 1.css的代码如下的代码如下h2color:#0000FF;pcolor:#FF00FF;text-decoration:underline;font-weight:bold;font-size:20px;内部培训资料,不作任何宣传用途CSSCSS样式简介样式简介4、导入样式：1-9.html页面标题 CSS标题1紫色、粗体、下划线、25px的效果1CSS标题2紫色、粗体、下划线、25px的效果2CSS标题3紫色、粗体、下划线、25px的效果3内部培训资料,不作任何宣传用途课后作业课后作业 练习某站点的CSS样式定义。在练习中主要用到CSS样式的创建和添加外部CSS样式的链接等知