1、1,CSS 基础,2,JavaScript的语法CSS的概念使用CSS控制页面CSS选择器,3,CCS的概念,CSS(Cascading Style Sheet)，层叠样式表，是用于控制网页样式并允许样式信息与网页分离的一种标记性语言，是实现页面表现(Presentation)的核心元素。传统HTML的缺陷（3-1.html）CSS的引入（3-2.html）,4,使用CSS控制页面,行内样式（3-3.html）内嵌样式（3-4.html）链接式（3-5.html）导入样式（3-6.html）,5,CSS选择器,标记选择器,h1color:red;font-size:25px;,6,类别选择器,
2、3-7.html,7,ID 选择器,3-8.html,8,选择器的集体声明（3-9.html）选择器的嵌套（3-10.html）子选择器（3-11.html）,9,CSS进阶,div 与 span 标记盒子模型元素的定位CSS排版观念,10,div与span标记,在使用CSS排版的页面中，与是两个常用的标记。(division)简单而言是一个区块容器标记，即之间相当于一个容器，可以容纳段落、标题、表格、图片，乃至章节、摘要和备注等各种HTML元素。（3-12.html）,与的区别？（3-13.html）,11,盒子模型,一个盒子由content、border、padding、margin这四部分组成,12,元素的定位,float定位（3-14.html）position定位absolute (3-15.html)relative (3-16.html)z-index空间位置(3-17.html),13,CSS排版观念（思路）,将页面用div分块,14,通常使用的body部分的HTML代码如下,1、将页面用div进行分块 ,15,2、设计各个块的位置,16,3、用CSS定位,
