[3-javascript-css.pptVIP

CSS 基础 JavaScript的语法 CSS的概念 使用CSS控制页面 CSS选择器 CCS的概念 CSS(Cascading Style Sheet)，层叠样式表，是用于控制网页样式并允许样式信息与网页分离的一种标记性语言，是实现页面表现(Presentation)的核心元素。 传统HTML的缺陷（3-1.html） CSS的引入（3-2.html） 使用CSS控制页面 行内样式（3-3.html） 内嵌样式（3-4.html） 链接式（3-5.html） 导入样式（3-6.html） CSS选择器 标记选择器 类别选择器 ID 选择器 选择器的集体声明（3-9.html） 选择器的嵌套（3-10.html） 子选择器（3-11.html） CSS进阶 div 与 span 标记 盒子模型 元素的定位 CSS排版观念 div与span标记 在使用CSS排版的页面中，div与span是两个常用的标记。div(division)简单而言是一个区块容器标记，即div…/div之间相当于一个容器，可以容纳段落、标题、表格、图片，乃至章节、摘要和备注等各种HTML元素。（3-12.html） 盒子模型 一个盒子由content、border、padding、margin这四部分组成 元素的定位 float定位（3-14.html） position定位 absolute (3-15.html) relative (3-16.html) z-index空间位置(3-17.html) CSS排版观念（思路） 将页面用div分块 通常使用的body部分的HTML代码如下 1、将页面用div进行分块 div id = “container” div id = “banner”/div div id = “content”/div div id = “links”/div div id = “footer”/div /div 2、设计各个块的位置 3、用CSS定位 西南财经大学天府学院—JavaScript程序设计 * L o g o 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. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. style h1{ color:red; font-size:25px; } /style Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 3-7.html Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 3-8.html 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 P