CSS基础教程2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

CSS基础教程PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第一部分　了解CSS3

第1章　入门3

1.1 将CSS应用到（X）HTML3

1.1.1 准备基本的（X）HTML模板3

1.1.2　内联样式5

1.1.3 内嵌样式5

1.1.4　外部样式6

1.1.5　导入和组合样式7

1.1.6　打印样式表7

1.1.7　其他样式表8

1.2　维护和组织样式表8

1.2.1 多个目录8

1.2.2　多样式表9

1.2.3　在其他的设备上使用屏幕样式表10

1.3　高效的CSS语法11

1.3.1　定义一个样式11

1.3.2　注释12

1.3.3　为规则加上标志13

1.3.4　为了清晰，使用缩进13

1.4　准备好继续进行14

第2章　CSS核心概念15

2.1　ID与类15

2.1.1 ID16

2.1.2　类17

2.2　使用层叠20

2.2.1　利用不同的应用方法实现层叠20

2.2.2　通过多个外部样式表层叠21

2.2.3　通过导入样式表实施层叠21

2.2.4　层次的最底层22

2.2.5　小心使用层叠22

2.3 分组23

2.4.　继承24

2.4.1　父元素与子元素25

2.4.2　继承的工作原理25

2.4.3　从body继承25

2.4.4　提醒26

2.5　上下文选择器27

2.6　CSS度量28

2.6.1 绝对度量28

2.6.2　相对度量29

2.6.3　像素29

2.6.4　百分比30

2.6.5　em31

2.7　小结34

第3章 CSS构造块35

3.1　div35

3.1.1 添加div35

3.1.2　添加子div36

3.1.3　div和上下文选择器37

3.2　维度：宽度和高度39

3.3　外边距40

3.3.1　外边距声明40

3.3.2　用margin:auto将元素居中41

3.4　内边距42

3.4.1 内边距声明43

3.4.2 内边距缩写43

3.5　外边距、内边距和主体44

3.6　边框44

3.6.1　边框属性44

3.6.2　让边框变得明显48

3.7　小结48

第4章　文本49

4.1　为什么文本如此重要49

4.1.1 通过适当的字体来表达网页的风格49

4.1.2　清晰字体平滑50

4.2　基本字体属性51

4.2.1　设定字体51

4.2.2　字体声明缩写52

4.3　可用字体53

4.3.1　Web安全字体53

4.3.2　有趣的替代字体55

4.3.3　谨慎使用字体57

4.4　默认的浏览器显示57

4.5　应用样式58

4.5.1　定义样式表58

4.5.2　body声明58

4.6　请务必使用line-height属性59

4.6.1　用百分比设置line-height59

4.6.2　其他line-height值60

4.7　letter-spacing属性61

4.8　其他的关键字体属性62

4.8.1　font-weight62

4.8.2　font-style62

4.8.3　font-variant62

4.8.4　text-transform63

4.8.5　几种字体属性的组合63

4.8.6　更多字体声明缩写64

4.9　灵活处理文本65

4.9.1 引用65

4.9.2　段落缩进66

4.9.3　首字下沉67

4.10　愿字体与你同在68

第5章　颜色、背景与图像69

5.1 颜色简史69

5.1.1　Web安全是首位的吗69

5.1.2　设定颜色70

5.1.3　使用17种具名颜色71

5.1.4　我们一定要使用Web安全吗71

5.1.5　为你的设计选定一个调色板73

5.2　文本颜色73

5.3　背景色74

5.3.1　在文本上添加背景色74

5.3.2　为标题添加背景色75

5.3.3　为其他元素添加背景76

5.4　背景的图像格式79

5.4.1　GIF79

5.4.2　JPEG81

5.4.3　PNG82

5.4.4　小结83

5.5　背景图像83

5.5.1 明智地使用背景图像83

5.5.2　准备好模板和样式表83

5.5.3　设定背景图像84

5.5.4　重复85

5.5.5　定位87

5.5.6　粘连88

5.5.7　背景缩写89

5.6　小结89

第6章　列表90

6.1 为什么要采用列表90

6.2　无序列表90

6.2.1　基本列表CSS91

6.2.2　以背景图像作为列表项目符97

6.2.3　内联列表98

6.2.4　用ID控制99

6.2.5　用类对列表项进行分组101

6.2.6　嵌套列表103

6.3　用于导航的列表105

6.4　有序列表108

6.4.1　控制有序列表109

6.4.2　创建自定义数字109

6.4.3　用特定类声明数字110

6.4.4　装饰有序列表111

6.5　小结112

第7章　链接113

7.1　链接标记113

7.2　默认链接样式114

7.3　简单CSS规则114

7.3.1　建立模板114

7.3.2　改变链接颜色115

7.3.3　关于顺序的一点提示：LoVe HAte117

7.4　其他有用的链接属性117

7.4.1　文本修饰117

7.4.2　为链接加上边框118

7.4.3　用背景图像添加记号119

7.5　利用派生选择器来影响链接120

7.6　利用链接来转换导航栏122

7.6.1　准备一个模板122

7.6.2　定义所有共享的链接声明和可点击区域123

7.6.3　定义背景色124

7.6.4　突出当前页面125

7.7　小结126

第8章　表格和定义列表127

8.1　表格127

8.1.1 关于可访问性的一点说明127

8.1.2　表格是用来干什么的128

8.1.3　常用表格128

8.1.4　border-collapse134

8.1.5 自定义元素135

8.2　定义列表139

8.2.1　定义列表标记139

8.2.2　定义列表中的列表141

8.2.3　小心使用定义列表146

8.2.4　推荐阅读146

8.3 小结146

第9章　表单147

9.1　标记回顾147

9.1.1　表单元素148

9.1.2　提高可访问性149

9.1.3　使用ID151

9.2　通过浏览器呈现表单元素152

9.3　表单样式基础153

9.3.1　准备一个文件和样式表154

9.3.2　表单CSS块完成了158

9.4　3种方法159

9.4.1　关于每一个例子159

9.4.2　基于表格的表单160

9.4.3　段落和换行元素布局162

9.4.4　定义列表布局167

9.5　哪一种方法更好175

9.6　小结175

第二部分　逻辑布局179

第10章　布局基础179

10.1　浮动和清理179

10.1.1 float属性181

10.1.2　浮动图像181

10.1.3　清理浮动184

10.1.4　清理浮动图像187

10.2　定位193

10.2.1　基本定位属性和值194

10.2.2　记住这一点199

10.3　小结199

第11章　经典布局200

11.1　布局类型200

11.1.1 固定宽度布局201

11.1.2　流体布局202

11.1.3　弹性布局202

11.1.4　可变固定宽度203

11.2　准备工作204

11.3　流体浮动两列布局206

11.3.1　报头和页脚206

11.3.2　浮动边栏207

11.3.3　流体左浮动、右浮动212

11.4　流体浮动三列布局213

11.5　流体定位两列布局218

11.5.1 高度很重要218

11.5.2　页脚问题220

11.6　流体定位三列布局221

11.7　固定宽度布局225

11.7.1　框模型225

11.7.2　固定以及浮动三列布局228

11.8　小结233

第12章　布局操作234

12.1　用上下文选择器切换布局234

12.1.1　准备工作235

12.1.2　body238

12.2　伪列242

12.2.1 准备工作243

12.2.2　框模型又如何呢246

12.2.3　流体伪列246

12.3　小结246

第13章　由布局到模板之旅247

13.1　报头247

13.1.1　基本报头248

13.1.2　Content右浮动（搜索工具）250

13.2　标题252

13.3　导航栏253

13.4　漂亮的页脚254

13.4.1　特殊页脚254

13.4.2　action-packed页脚257

13.5　小结265

第14章　提高可用性和可访问性267

14.1　指导原则和法规267

14.1.1 网站内容可访问性指南268

14.1.2　508款268

14.2　用户样式表269

14.2.1 !important269

14.2.2　继承269

14.3　更有帮助270

14.4　特定样式表272

14.4.1　打印样式表272

14.4.2　可移动设备／手持设备样式表276

14.5　小结278

第15章　技巧、窍门和问题279

15.1　轮换图像279

15.1.1　过去的情况279

15.1.2　(X)HTML280

15.1.3　图像280

15.1.4　CSS280

15.2　overflow属性281

15.3　组合类285

15.4　hack和滤镜287

15.4.1　安全hack287

15.4.2　即将面世的IE 7289

15.5　解决问题291

15.5.1 常见问题291

15.5.2　建议292

15.6　小结293

第16章　案例分析：The Dead Goods295

16.1　案例分析295

16.2　整个过程295

16.2.1　设计296

16.2.2 内容297

16.2.3　表现298

16.3　准备工作299

16.4　为布局加上线框299

16.4.1　主体299

16.4.2　容器300

16.4.3　报头300

16.4.4　列300

16.4.5 页脚301

16.4.6　有组织的布局301

16.5　使用背景302

16.5.1　报头背景302

16.5.2　边栏背景303

16.5.3　主列背景304

16.5.4　页脚背景304

16.5.5　页面背景304

16.5.6　背景设置大功告成305

16.6　文本处理306

16.6.1 回到主体处理306

16.6.2　标题306

16.6.3　列文本307

16.7　最后的冲刺308

16.7.1　把logo作为主页链接308

16.7.2　主导航栏309

16.7.3　登录表单310

16.7.4　页脚内容311

16.8　结束313

16.9　本书结束314

附录 CSS参考315

索引329