《TP02CSS样式.ppt

网站建设及其优化 本章内容 CSS样式表 CSS样式表 什么是CSS CSS有什么用 CSS与HTML的关系 CSS怎么用 CSS样式表 CSS样式表 CSS样式表 CSS样式表 CSS样式表 CSS样式表 CSS样式表 CSS样式表 CSS样式表 CSS样式表 CSS样式表 CSS样式表 随堂测试 随堂测试 随堂测试 随堂测试 随堂测试 随堂测试 本章回顾 什么是CSS Cascading Style Sheets， 层叠样式表 CSS有什么用 能够控制、改变和美化页面效果 CSS与HTML的关系 CSS可以控制HTML元素显示效果 CSS怎么用 用在哪？怎么用？ 课后练习 熟练掌握CSS相关语法 熟练掌握CSS的写法 了解相关CSS单位 （px、pt、em） * ——CSS样式表 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. CSS全称为Cascading Style Sheets，中文翻译为“层叠样式表”，简称CSS样式表。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。 什么是CSS？ Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. CSS有什么用？ CSS具有对网页的布局、颜色、背景、宽度、高度、字体进行控制，让网页按照美工设计布局的更加美观漂亮。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. HTML通过自身语法结构（html标签结构），显示文字、图片、动画（flash）、视频或音频音乐。而CSS是控制HTML内这些具体内容的怎么显示、怎么排版、颜色、大小、宽度、高度、左右布局等显示样式。最终实现漂亮的各式各样的页面内容 CSS与HTML有什么关系呢？ 搞清楚HTML与CSS关系很重要，也认识了CSS。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 首先CSS是由一定意义和作用的英文单词、数值组成， 而单词、数值分别又有规律有固定的属性和用法。 CSS长什么样呢？ Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. CSS怎么用呢？ 用在哪？ 用在HTML文件中 用法是什么？ Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. CSS用法 － （1） 外部样式 这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 内部样式 内部样式表，它是以style和/style