说明了css一些布局的思路,还创造性的提供了一些非常规布局的思路延伸,算是一个刚刚入门的网页制作的好书籍,全书以传达CSS布局思维为中心,
CSS那些事儿介绍
本书专注于CSS技巧实例的讲解,由浅入深地分析了CSS样式在布局时所需要理解的原理。放弃到处可见的基础知识、网络中能随意搜索到的hack技巧,侧重原理分析,拓展读者使用CSS布局的思维方式,通过本书的阅读读者将会了解到使用CSS布局的强大功能。
全书以传达CSS布局思维为中心,通过页面中的文字、图片、表格、表单等常见元素的处理及各种页面布局方式的使用,使读者能深入了解到如何在页面中更好地运用CSS布局。尤其是在页面布局的部分中,全面分析了多种布局方式,着重分解了两列等高和三列等高的几种方式,并相应说明了等高布局的优缺点。
随书所附光盘包含多媒体教学及实例源文件。
无论是CSS布局的初学者还是具有一定水准的读者,阅读本书之后将会发现,原来CSS样式居然是这么好玩的东西。本书适合网站开发人员、网页设计人员参考学习,同时也适合作为相关培训机构的教材。
CSS那些事儿目录
第1部分 CSS入门篇
第1章 CSS入门篇
1.1 第1章 花落知多少——CSS正传
视频:光盘\视频\认识CSS
1.1.1 CSS的作用
1.1.2 CSS的基本结构
1.1.3 CSS中的注释
1.1.4 CSS的简写
1.2 网页勾魂八技——掌握CSS选择符
视频:光盘\视频\掌握选择符
1.2.1 通配符选择符
1.2.2 类选择符
1.2.3 包含选择符
1.2.4 子选择符
1.2.5 相邻选择符
第1章 CSS入门篇
1.1 第1章 花落知多少——CSS正传
视频:光盘\视频\认识CSS
1.1.1 CSS的作用
1.1.2 CSS的基本结构
1.1.3 CSS中的注释
1.1.4 CSS的简写
1.2 网页勾魂八技——掌握CSS选择符
视频:光盘\视频\掌握选择符
1.2.1 通配符选择符
1.2.2 类选择符
1.2.3 包含选择符
1.2.4 子选择符
1.2.5 相邻选择符
1.2.6 属性选择符
1.2.7 ID选择符
1.2.8 选择符的组合关系
1.3 莫须有?——伪类与伪对象
视频:光盘\视频\伪类与伪对象
1.3.1 伪类
1.3.2 伪对象
1.4 剪不断理还乱——善处选择符之间的关系
视频:光盘\视频\善处选择符之间的关系
1.4.1 选择符的覆盖
1.4.2 选择符z的继承
1.4.3 选择符的权重值优先级别
1.5 英雄救美——让CSS拯救HTML
1.5.1 把CSS引入到HTML页面中
1.5.2 样式表的规划与维护管理
1.6 小结
第2章 一亩三分地——CSS的工作环境
2.1 CSS的显示环境——浏览器
视频:光盘\视频\浏览器
2.2 CSS的处理环境——编辑器
视频:光盘\视频\编辑器
2.2.1 语法高亮
2.2.2 公共配置目录
2.2.3 模板文件
2.2.4 快捷键的设置
2.2.5 窗口半透明及窗口置顶
2.2.6 代码辅助设置
2.2.7 用户工具
2.2.8 自动完成
2.2.9 剪辑文本窗口
2.2.10 对编辑器的小结
2.3 CSS的辅助处理——周边插件
视频:光盘\视频\辅助插件
2.4 小结
第2部分 CSS页面布局篇
第3章 简单也是复杂的——从一个简单页面布局说起
3.1 盒模型介绍
视频:光盘\视频\认识盒模型
3.1.1 认识盒模型
3.1.2 什么是DOCTYPE
3.1.3 DOCTYPE的类型
3.1.4 IE浏览器=邮局的纸盒邮包
3.1.5 对盒模型的小结
3.2 网页布局的设计原则
3.3 最简单的页面
视频:光盘\视频\简单的页面
3.3.1 这是一个网页?
3.3.2 容器居中显示
3.3.3 容器居中文本居左显示
3.3.4 容器居右显示
3.4 小结
第4章 提纲挈领——两列页面布局
4.1 两列定宽结构
视频:光盘\视频\两列定宽定高的布局
4.2 两列自适应结构
视频:光盘\视频\两列自适应的布局
4.3 单列定宽单列自适应结构
视频:光盘\视频\单列定宽单列自适应结构
4.4 两列等高
视频:光盘\视频\两列等高
4.4.1 背景模拟
4.4.2 负边距实现
4.4.3 边框模拟
4.4.4 其他方式
4.5 小结
第5章 更大气的三列或多列页面布局
视频:光盘\视频\三列的页面结构
5.1 三列或多列布局与两列布局之间的微妙联系
5.2 两列定宽中间自适应结构
5.3 左侧定宽右侧及中间自适应结构
5.4 三列宽度自适应结构
5.5 三列等高
5.5.1 背景模拟
5.5.2 负边距实现
5.5.3 边框模拟
5.5.4 其他方式
5.6 小结
第3部分 CSS页面元素篇
第6章 网页文本润色技法
6.1 文字基本样式
视频:光盘\视频\文字基本样式
6.1.1 字体设置
6.1.2 字形改变
6.1.3 文字颜色
6.2 段落样式
视频:光盘\视频\段落样式
6.2.1 首行缩进
6.2.2 行高调整
6.3 特殊效果
视频:光盘\视频\特殊效果
6.3.1 首字下沉
6.3.2 首行文字样式
6.3.3 文字隐藏截取
6.4 文字链接
视频:光盘\视频\文字链接
6.4.1 基础链接样式
6.4.2 多彩链接样式
6.4.3 图文链接样式
6.5 实例分解——新闻内容页
视频:光盘\视频\实例分解
6.6 小结
第7章 淡妆浓抹总相宜——图片的处理与美化
7.1 背景图优化
视频:光盘\视频\背景属性分解
7.1.1 背景属性分解
7.1.2 CSS Sprite技巧分解
7.2 图文混排处理
视频:光盘\视频\图文混排及实例分解
7.3 实例分解——图文新闻内容页
7.4 小结
第8章 桀骜不驯的浪子——页面中的列表
8.1 列表的种类
视频:光盘\视频\列表的种类
8.1.1 无序列表
8.1.2 有序列表
8.1.3 自定义列表
8.2 列表模式的导航
视频:光盘\视频\列表模式的导航
8.3 榜上有名,音乐榜单
视频:光盘\视频\榜上有名,音乐榜单
8.4 实例分解——二级菜单导航
视频:光盘\视频\二级菜单导航
8.5 实例分解——图文列表信息
视频:光盘\视频\图文列表信息
8.6 小结
第9章 苦乐年华——表单美容二三事儿
9.1 表单元素的特性说明
视频:光盘\视频\表单元素的特性说明
9.2 实例分解——登录框的制作
视频:光盘\视频\登录框的制作
9.3 实例分解——搜索框的制作
视频:光盘\视频\搜索框的制作
9.4 实例分解——反馈表单的制作
视频:光盘\视频\反馈表单的制作
9.5 小结
第10章 封闭的巴黎圣母院——走进表格的世界
10.1 表格的介绍
视频:光盘\视频\表格的介绍
10.1.1 以往的表格结构
10.1.2 正确的表格结构
10.2 细线表格
视频:光盘\视频\细线表格
10.3 隔行换色的表格
视频:光盘\视频\隔行换色的表格
10.4 实例分解——日历表的制作
视频:光盘\视频\日历表的制作
10.5 小结
第4部分 CSS应用篇
第11章 闲话CSS滤镜
11.1 透明的图文信息
视频:光盘\视频\透明的图文信息
11.1.1 实现透明效果
11.1.2 了解透明滤镜
11.1.3 解决透明滤镜带来的困惑
11.2 IE 6正常显示PNG-24格式的图片
视频:光盘\视频\ IE 6正常显示PNG-24格式的图片
11.2.1 在IE 6浏览器中正常显示PNG-24格式的图片
11.2.2 深入剖析PNG-24转换滤镜
11.3 滤镜的是与非
11.4 小结
第12章 话说tab选项卡
视频:光盘\视频\话说tab选项卡
12.1 选项卡曾经的实现方式
12.2 如今的选项卡模式
12.3 选项卡实现原理分析
12.4 选项卡的优化
12.5 实现最终的选项卡效果
12.6 换个思路思考选项卡
12.7 不同XHTML结构选项卡的对比
12.8 小结
第5部分 CSS实战篇
第13章 秀一把CSS相册
视频:光盘\视频\秀一把CSS相册
13.1 简易相册实现思路分析
13.2 实现简易相册的雏形
13.3 简易相册成形之初
13.4 美化简易相册
13.5 实现最终效果的简易相册
13.6 小结
第14章 怪异的导航模式
视频:光盘\视频\怪异的导航模式
14.1 怪异导航曾经的实现方法
14.2 如今实现怪异导航的方法
14.3 实现怪异导航的背景图片
14.4 结合CSS样式调用背景图片
14.5 怪异导航细节优化
14.6 改变思路实现怪异导航
14.7 绝对定位方式实现怪异导航
14.8 又一种怪异导航模式
14.9 小结
第15章 时间紧随标题的新闻列表
视频:光盘\视频\时间紧随标题的新闻列表
15.1 时间紧随标题的新闻列表的由来
15.2 时间紧随标题的新闻列表雏形
15.3 使用max-width实现效果
15.4 原理分析及最终效果
15.5 小结
第16章 幻灯片的简单模拟
视频:光盘\视频\幻灯片的简单模拟
16.1 幻灯片原理分析
16.2 幻灯片的雏形
16.3 简易幻灯片的功能实现
16.4 小结
第17章 谈谈清除浮动
17.1 浮动的原理
视频:光盘\视频\浮动的原理
17.2 清除浮动方式
视频:光盘\视频\清除浮动方式
17.3 小结
第18章 活动页面布局实现
视频:光盘\视频\活动页面布局实现
18.1 结构分析
18.2 模块分析
18.3 图片优化
18.4 细节优化调整
18.5 小结
第6部分 写在最后的话
附录A 怎么提高自身编写代码的能力
附录B W3C的CSS验证是什么
附录C 网络资源分享
- PC官方版
- 安卓官方手机版
- IOS官方手机版