CSS教程目录.docVIP

CSS教程目录 CSS教程目录 1 第一章 CSS简介 4 第一节：什么是CSS? 4 什么是CSS 4 参见 4 第二节：使用CSS的优势 4 第二章 CSS入门例子 5 示例 5 第三章 CSS语法 5 第一节：外部引用CSS 5 使用 link 标签引用CSS 5 使用 @import 引用CSS 6 第二节：内部引用CSS 6 第三节：内联引用CSS 7 第四节：CSS 选择符 -- CSS的名字 7 选择符语法 7 选择符取名规则 8 常用的三种选择符 8 选择符用法总结 8 第五节：CSS 声明 9 语法 9 介绍两个常用的技巧 9 第六节：CSS 注释 10 语法 10 示例 10 第四章 CSS颜色 11 CSS颜色表示方法 11 注意: 11 第五章 CSS背景 11 第一节：CSS background-color 属性 12 background-color -- 背景色,定义背景的颜色 12 示例 12 第二节：CSS background-image 属性 12 background-image -- 定义背景图片 12 示例 12 第三节：CSS background-repeat 属性 13 background-repeat -- 定义背景图片的重复方式 13 示例 13 第四节：CSS background-position 属性 13 background-position -- 定义背景图片的位置 13 示例 14 第五节: CSS background-attachment 属性 14 background-attachment -- 定义背景图片随滚动轴的移动方式 14 示例 14 第六节：CSS background 属性 15 background -- 五个背景属性可以全部在此定义 15 示例 15 第六章 CSS文本 16 第一节: CSS text-decoration 属性 16 text-decoration -- 定义文本是否有划线以及划线的方式 16 示例 16 第二节: CSS white-space 属性 17 white-space -- 通过HTML文档的源代码的排版方式控制页面显示文本的排版方式 17 示例 17 第七章 CSS字体 18 第八章 CSS边框 18 第九章 CSS边外补白 18 第一节: CSS margin 属性 18 margin-top -- 定义上边外补白 19 margin-right -- 定义右边外补白 19 margin-bottom -- 定义下边外补白 19 margin-left -- 定义左边外补白 19 第十章 CSS边内补白 19 padding -- 定义边内补白 19 padding-top -- 定义上边内补白 20 padding-bottom -- 定义下边内补白 20 padding-left -- 定义左边内补白 20 padding-right -- 定义右边内补白 20 第十一章 CSS属性索引 20 第一节：CSS2.1属性按功能索引 20 CSS盒模式 20 CSS视觉格式模型 21 CSS视觉效果 21 CSS列表 21 CSS背景 22 CSS字体 22 CSS文本 22 CSS颜色 22 第一章 CSS简介 第一节：什么是CSS? 什么是CSSW3C的CSS主页/Style/CSS/ 在w3c网站上校验CSS的正确性/css-validator/ html style type=text/css media=all p {color:red;} p1 { color:blue;} /style body pcolor就代表颜色,我们使用红色 red 为文字颜色./p p1你可以修改代码使用 blue 蓝色, yellow 黄色等.学习文字的颜色/p1 /body /html 这段代码显示的结果如下： 第三章 CSS语法 CSS语法非常简单,组成CSS语法的元素只有CSS选择符与CSS属性. 每个CSS选择符由1个或多个CSS属性组成. CSS是大小写敏感的,在CSS语法中推荐使用小写. 第一节：外部引用CSS CSS外部引用使用了外接的CSS文件,一般的浏览器都带有缓存功能,所以用户不用每次都下载此CSS文件.外部引用CSS是最好的引入CSS的方式(可以使代码量最小,表现最统一,也是标准网页设计推荐的). 使用 link 标签引用CSShead link rel=stylesheet type=text/css href=/style.css / /head href -- 指定需要加载的资源(CSS文件)的地址URI rel -- 指定链接类型 t