网站建设培训教程css从入门到精通
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
网站建设培训教程
CSS从入门到精通
第一章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?
什么是CSS
➢CSS是Cascading Style Sheets(层叠样式表)的简称.
➢CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).
➢在标准网页设计中CSS负责网页内容(XHTML)的表现.
➢CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.
➢可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.
➢CSS是由W3C的CSS工作组产生和维护的.
参见
➢W3C的CSS主页/Style/CSS/
➢在w3c网站上校验CSS的正确性/css-validator/
第二节:使用CSS的优势
➢内容及表现分离,有了CSS,网页的内容(XHMTL)及表现就可以分开了.
➢使用CSS可以减少网页的代码量,增加网页的浏览速度
第二章CSS入门例子
示例
➢定义文字的颜色
p {color:red;}
p1 { color:blue;}