没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论










启搏人网站建设基础教程 http://www.qiboren.com/
共 20 页 第 1 页
友情提醒:如果你还不熟悉网站建设、美工设计、内容优化、网站推广的流程,
你可以选择发布悬赏任务,欢迎点此进入发布任务获得网络高手的全力协助。
网站建设培训教程
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

启搏人网站建设基础教程 http://www.qiboren.com/
共 20 页 第 2 页
示例..................................................................................................................................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

启搏人网站建设基础教程 http://www.qiboren.com/
共 20 页 第 3 页
CSS 颜色 .........................................................................................................................22
第一章 CSS 简介
第一节:什么是 CSS?
什么是 CSS
➢ CSS 是 Cascading Style Sheets(层叠样式表)的简称。
➢ CSS 语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型
语言)。
➢ 在标准网页设计中 CSS 负责网页内容(XHTML)的表现.
➢ CSS 文件也可以说是一个文本文件,它包含了一些 CSS 标记,CSS 文件必须使用 css
为文件名后缀。
➢ 可以通过简单的更改 CSS 文件,改变网页的整体表现形式,可以减少我们的工作量,所
以她是每一个网页设计人员的必修课.
➢ CSS 是由 W3C 的 CSS 工作组产生和维护的。
参见
➢ W3C 的 CSS 主页 http://www。w3。org/Style/CSS/
➢ 在 w3c 网站上校验 CSS 的正确性 http://jigsaw。w3.org/css-validator/
第二节:使用 CSS 的优势
➢ 内容与表现分离,有了 CSS,网页的内容(XHMTL)与表现就可以分开了.
➢ 使用 CSS 可以减少网页的代码量,增加网页的浏览速度
第二章 CSS 入门例子
示例
➢ 定义文字的颜色
〈html>
<style type=”text/css" media="all”>
p {color:red;}
p1 { color:blue;}

启搏人网站建设基础教程 http://www.qiboren.com/
共 20 页 第 4 页
〈/style〉
〈body〉
〈p>color 就代表颜色,我们使用红色 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 标签引用 CSS
示例
〈head>
<link rel=”stylesheet” type="text/css” href="http://www.dreamdu.com/style.css” />
〈/head>
➢ href —- 指定需要加载的资源(CSS 文件)的地址 URI
➢ rel -— 指定链接类型
➢ type -- 包含内容的类型,一般使用 type=”text/css"
使用 @import 引用 CSS
➢ 示例
〈head〉
<style type="text/css"〉@import url(http://www。dreamdu.com/style.css);〈/style〉
〈/head〉
相对路径与绝对路径
加载文件的时候可以使用相对路径或者绝对路径。
绝对路径:文件的完整路径,主页上的文件或目录在硬盘上真正的路径。
http://www.dreamdu.com/html/default。html 就是绝对路径,/html/default.html 也是绝对路径,C:
剩余18页未读,继续阅读
资源评论


pppptttpp6774
- 粉丝: 0
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- 互联网+大数据时代下学生自主学习的研究.docx
- 医院网络中的安全风险与防范措施.doc
- SQL-学生管理.doc
- 【无人机光电侦察】基于坐标系转换与误差分析的运动目标速度测量方法研究:无人机平台运动目标测速系统设计与精度优化(论文复现含详细代码及解释)
- 自贸港背景下区块链审计技术的研究动态.docx
- 谈人工智能时代教师素养的提升.docx
- 大数据时代背景下计算机网络信息安全防护技术研讨.docx
- Excel散点图趋势线回归研究在隧道工程监控量测中的应用(修订版).doc
- 计算机组成原理基础-孙德文课后习题解答.doc
- 通信光缆维护专业技术服务专业技术方案.doc
- 中职计算机课程实践性教学探究.docx
- 探索网络安全的未来.docx
- 民办高校互联网+会计理实一体化创新课堂研究.docx
- 汽车及其零配件网络化营销模式的研究.doc
- Linux系统虚拟机上详细图解安装教程.docx
- 学校档案管理信息化建设存在的问题及对策.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制
