《Java相关课程系列笔记之05CSS学习笔记.doc》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、CSS学习笔记Java相关课程系列笔记之七笔记内容说明CSS（王春梅老师主讲，占笔记内容100%）；目录一、CSS概述11.1CSS的作用11.2什么是CSS11.3CSS的基础语法1二、如何使用CSS样式表22.1内联样式22.2内部样式表22.3外部样式表22.4三种用法的区别22.5CSS样式表特征和优先级3三、CSS选择器43.1元素选择器43.2类选择器43.3分类选择器43.4元素id选择器43.5派生选择器43.6选择器分组53.7伪类选择器53.8选择器优先级5四、CSS单位54.1尺寸54.2颜色54.3尺寸属性5五、边框样式65.1简写方式65.2单边定义65.3单边

2、宽度border-width65.4单边样式border-style65.5单边颜色border-color65.6案例6六、框模型66.1框模型图66.2width和height66.3边框、内外边距对元素尺寸的影响76.4案例76.5内边距76.6外边距7七、背景样式87.1背景色87.2背景图像87.3背景平铺87.4背景固定87.5背景定位87.6组合设置87.7案例8八、文本/字体样式98.1指定字体98.2字体颜色98.3字体大小98.4字体加粗98.5文本排列108.6行高108.7文字修饰108.8文本缩进10九、表格样式119.1垂直对齐119.2边框合并119.3边框

3、边距11十、布局1210.1浮动定位说明图1210.2什么是浮动定位1210.3浮动定位移动图1210.4float属性1210.5clear属性1310.6display属性13十一、列表样式1411.1列表项前的标识符号图像1411.2列表项前使用的预设标识符号14十二、定位1412.1定位概述1412.2position（定位）属性1412.3偏移属性1412.4堆叠属性1512.5相对定位：relative1512.6绝对定位：absolute15一、CSS概述1.1CSS的作用早期，依靠HTML元素的属性设置样式，比如：border/align；而每个元素的属性不尽相同，所以样

4、式设置比较混乱；因此，W3C推出了一套标准：使用某种样式声明后，所有的元素通用，即CSS产生，它是对页面的样式进行统一的定义（声明）的。1.2什么是CSS1）CSS（CascadingStyleSheets）：层叠样式表，又叫级联样式表，简称样式表。2）用于HTML文档中元素的样式定义。3）实现了将内容与表现分离。4）提高了代码的可重用性和可维护性。1.3CSS的基础语法1）样式表由多个样式规则组成，每个样式规则有两个部分：选择器和声明。2）选择器：决定哪些元素使用这些规则。3）声明：由一个或者多个属性/值对组成，用于设置元素的外观表现。如何使用CSS样式表一共有三种使用方式：内联样式、

5、内部样式表、外部样式表。2.1内联样式样式定义在单个的HTML元素中。1）样式定义在HTML元素的标准属性style里。2）不需要定义选择器，也不需要大括号。3）只需要将分号隔开的一个或者多个属性/值对，作为元素的style属性的值。例如：文本2.2内部样式表样式定义在HTML页的头元素中。1）样式表规则位于文档头元素的

文本