CSS那些事儿 掌握网页样式与CSS布局核心技术PDF电子书下载

第1部分 CSS入门篇 1

第1章 花落知多少——CSS正传 1

1.1网页美容师——认识CSS 2

1.1.1CSS的作用 3

1.1.2CSS的基本结构 4

1.1.3CSS中的注释 5

1.1.4CSS的简写 6

1.2网页勾魂八技——掌握CSS选择符 10

1.2.1通配符选择符 10

1.2.2类选择符 11

1.2.3包含选择符 12

1.2.4子选择符 13

1.2.5相邻选择符 14

1.2.6属性选择符 17

1.2.7ID选择符 20

1.2.8选择符的组合关系 21

1.3莫须有？——伪类与伪对象 23

1.3.1伪类 23

1.3.2伪对象 24

1.4剪不断理还乱——善处选择符之间的关系 25

1.4.1选择符的覆盖 25

1.4.2选择符z的继承 26

1.4.3选择符的权重值优先级别 27

1.5英雄救美——让CSS拯救HTML 29

1.5.1把CSS引入到HTML页面中 30

1.5.2样式表的规划与维护管理 31

1.6小结 32

第2章 一亩三分地——CSS的工作环境 33

2.1CSS的显示环境——浏览器 34

2.2CSS的处理环境——编辑器 35

2.2.1语法高亮 36

2.2.2公共配置目录 38

2.2.3模板文件 39

2.2.4快捷键的设置 40

2.2.5窗口半透明及窗口置顶 40

2.2.6代码辅助设置 41

2.2.7用户工具 41

2.2.8自动完成 44

2.2.9剪辑文本窗口 46

2.2.10对编辑器的小结 48

2.3CSS的辅助处理——周边插件 48

2.4小结 57

第2部分 CSS页面布局篇 59

第3章 简单也是复杂的——从一个简单页面布局说起 59

3.1盒模型介绍 60

3.1.1认识盒模型 60

3.1.2什么是DOCTYPE 64

3.1.3DOCTYPE的类型 64

3.1.4IE浏览器＝邮局的纸盒邮包 67

3.1.5对盒模型的小结 74

3.2网页布局的设计原则 75

3.3最简单的页面 76

3.3.1这是一个网页？ 76

3.3.2容器居中显示 77

3.3.3容器居中文本居左显示 79

3.3.4容器居右显示 80

3.4小结 82

第4章 提纲挈领——两列页面布局 83

4.1两列定宽结构 85

4.2两列自适应结构 90

4.3单列定宽单列自适应结构 94

4.4两列等高 100

4.4.1背景模拟 100

4.4.2负边距实现 102

4.4.3边框模拟 105

4.4.4其他方式 107

4.5小结 109

第5章 更大气的三列或多列页面布局 111

5.1三列或多列布局与两列布局之间的微妙联系 112

5.2两列定宽中间自适应结构 114

5.3左侧定宽右侧及中间自适应结构 118

5.4三列宽度自适应结构 121

5.5三列等高 122

5.5.1背景模拟 122

5.5.2负边距实现 124

5.5.3边框模拟 126

5.5.4其他方式 128

5.6小结 130

第3部分 CSS页面元素篇 131

第6章 网页文本润色技法 131

6.1文字基本样式 132

6.1.1字体设置 132

6.1.2字形改变 135

6.1.3文字颜色 138

6.2段落样式 139

6.2.1首行缩进 139

6.2.2行高调整 142

6.3特殊效果 144

6.3.1首字下沉 144

6.3.2首行文字样式 145

6.3.3文字隐藏截取 146

6.4文字链接 152

6.4.1基础链接样式 152

6.4.2多彩链接样式 154

6.4.3图文链接样式 155

6.5实例分解——新闻内容页 156

6.6小结 162

第7章 淡妆浓抹总相宜——图片的处理与美化 163

7.1背景图优化 164

7.1.1背景属性分解 169

7.1.2CSS Sprite技巧分解 177

7.2图文混排处理 183

7.3实例分解——图文新闻内容页 185

7.4小结 192

第8章 桀骜不驯的浪子——页面中的列表 193

8.1列表的种类 194

8.1.1无序列表 194

8.1.2有序列表 197

8.1.3自定义列表 204

8.2列表模式的导航 206

8.3榜上有名，音乐榜单 213

8.4实例分解——二级菜单导航 217

8.5实例分解——图文列表信息 221

8.6小结 225

第9章 苦乐年华——表单美容二三事儿 227

9.1表单元素的特性说明 228

9.2实例分解——登录框的制作 230

9.3实例分解——搜索框的制作 236

9.4实例分解——反馈表单的制作 240

9.5小结 247

第10章 封闭的巴黎圣母院——走进表格的世界 249

10.1表格的介绍 250

10.1.1以往的表格结构 250

10.1.2正确的表格结构 252

10.2细线表格 259

10.3隔行换色的表格 261

10.4实例分解——日历表的制作 268

10.5小结 272

第4部分 CSS应用篇 273

第11章 闲话CSS滤镜 273

11.1透明的图文信息 274

11.1.1实现透明效果 275

11.1.2了解透明滤镜 277

11.1.3解决透明滤镜带来的困惑 278

11.2IE 6正常显示PNG-24格式的图片 281

11.2.1在IE 6浏览器中正常显示PNG-24格式的图片 283

11.2.2深入剖析PNG-24转换滤镜 284

11.3滤镜的是与非 288

11.4小结 290

第12章 话说tab选项卡 291

12.1选项卡曾经的实现方式 292

12.2如今的选项卡模式 293

12.3选项卡实现原理分析 294

12.4选项卡的优化 297

12.5实现最终的选项卡效果 298

12.6换个思路思考选项卡 300

12.7不同XHTML结构选项卡的对比 303

12.8小结 304

第5部分 CSS实战篇 305

第13章 秀一把CSS相册 305

13.1简易相册实现思路分析 306

13.2实现简易相册的雏形 309

13.3简易相册成形之初 311

13.4美化简易相册 312

13.5实现最终效果的简易相册 313

13.6小结 316

第14章 怪异的导航模式 317

14.1怪异导航曾经的实现方法 318

14.2如今实现怪异导航的方法 319

14.3实现怪异导航的背景图片 320

14.4结合CSS样式调用背景图片 321

14.5怪异导航细节优化 323

14.6改变思路实现怪异导航 325

14.7绝对定位方式实现怪异导航 326

14.8又一种怪异导航模式 328

14.9小结 330

第15章 时间紧随标题的新闻列表 331

15.1时间紧随标题的新闻列表的由来 332

15.2时间紧随标题的新闻列表雏形 333

15.3使用max-width实现效果 335

15.4原理分析及最终效果 335

15.5小结 338

第16章 幻灯片的简单模拟 339

16.1幻灯片原理分析 341

16.2幻灯片的雏形 344

16.3简易幻灯片的功能实现 346

16.4小结 348

第17章 谈谈清除浮动 349

17.1浮动的原理 350

17.2清除浮动方式 356

17.3小结 370

第18章 活动页面布局实现 371

18.1结构分析 373

18.2模块分析 375

18.3图片优化 379

18.4细节优化调整 383

18.5小结 386

第6部分 写在最后的话 387

附录A怎么提高自身编写代码的能力 387

附录B W3C的CSS验证是什么 393

附录C网络资源分享 399