CSS入门与实践PDF|Epub|txt|kindle电子书版本网盘下载

CSS入门与实践PDF格式电子书版下载

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

第1章 了解CSS1

1.1 CSS的作用1

1.2 工作机制1

1.3 网页浏览器2

1.4 兼容性问题2

第2章 开发工具4

2.1 浏览器和开发者工具4

2.1.1 Google Chrome浏览器4

2.1.2 开发者工具5

2.2 代码编辑工具7

2.2.1 Visual Studio Code7

2.2.2 在线编辑和预览工具8

2.3 静态文件服务器8

2.4 代码存储和版本控制——Git9

2.5 参考文档和资料9

第3章 开始编写CSS11

3.1 CSS规则11

3.2 选择器11

3.3 属性声明13

3.3.1 属性名称13

3.3.2 属性前缀13

3.3.3 属性值14

3.4 ＠规则15

3.4.1 ＠ charset15

3.4.2 ＠ import15

3.4.3 ＠ media16

3.5 注释17

3.6 错误处理17

3.6.1 无效的值17

3.6.2 使用浏览器解决样式问题18

第4章 网页中的样式21

4.1 将CSS应用到网页中21

4.1.1 内联样式21

4.1.2 内部样式21

4.1.3 外部样式22

4.2 使用JS控制样式22

4.3 相对路径和绝对路径23

4.4 网页中存在的样式24

4.4.1 浏览器默认样式24

4.4.2 网页开发者定义的样式24

4.4.3 用户自定义样式25

4.5 样式的层叠25

4.5.1 根据来源确定优先级25

4.5.2 根据规则顺序确定优先级26

4.5.3 ！important标记26

4.6 样式的继承27

第5章 选择器28

5.1 基本选择器28

5.2 属性选择器29

5.3 伪类选择器29

5.3.1 a元素专属的几种状态30

5.3.2 ∶active状态30

5.3.3 ∶hover状态30

5.3.4 ∶focus状态30

5.3.5 ∶enabled状态与∶disabled状态30

5.3.6 ∶checked状态31

5.3.7 ∶root状态31

5.3.8 子元素位置31

5.3.9 子元素类型32

5.3.10 ∶not（selector）32

5.3.11 ∶fullscreen32

5.4 伪元素选择器32

5.4.1 ∷after33

5.4.2 ∷before33

5.4.3 ∷first-letter33

5.4.4 ∷first-line33

5.4.5 ∷selection33

5.5 关系选择器34

5.6 选择器组合34

5.6.1 叠加34

5.6.2 组合35

5.7 选择器优先级35

第6章 CSS属性值37

6.1 整数37

6.2 数值37

6.3 百分数37

6.4 尺寸值37

6.5 角度值38

6.6 时间38

6.7 字符串39

6.8 关键词39

6.9 颜色值39

6.10 函数41

第7章 字体和文本42

7.1 本章实例42

7.2 字体相关属性44

7.2.1 font-family属性44

7.2.2 font-size属性45

7.2.3 font-style属性46

7.2.4 font-weight属性46

7.2.5 line-height属性47

7.2.6 font属性47

7.2.7 ＠font-face声明47

7.3 文本相关属性49

7.3.1 direction属性49

7.3.2 letter-spacing属性49

7.3.3 word-spacing属性49

7.3.4 white-space属性50

7.3.5 word-break属性52

7.3.6 text-align属性52

7.3.7 text-justify属性55

7.3.8 text-indent属性55

7.3.9 text-transform属性55

7.3.10 text-overflow属性56

7.3.11 word-wrap属性57

7.3.12 user-select属性57

7.4 装饰性样式58

7.4.1 color属性58

7.4.2 text-decoration属性58

7.4.3 text-shadow属性59

第8章 盒模型60

8.1 本章实例——音乐网站主页60

8.1.1 页面框架61

8.1.2 网格布局64

8.2 元素的呈现方式66

8.3 盒子的组成68

8.4 宽度和高度70

8.5 内边距71

8.6 边框71

8.7 外边距75

8.8 尺寸计算78

8.9 内容溢出78

第9章 弹性盒模型81

9.1 本章实例——弹性多列布局81

9.2 相关概念82

9.3 弹性容器相关属性83

9.4 弹性子元素相关属性88

第10章 装饰性样式92

10.1 边框背景图92

10.2 轮廓95

10.3 圆角96

10.4 背景99

10.5 渐变104

10.6 盒阴影107

10.7 透明度108

第11章 定位110

11.1 相关属性110

11.1.1 position属性110

11.1.2 top、 bottom、 left、 right属性112

11.1.3 z-index属性113

11.2 应用场景114

11.2.1 Tooltip组件114

11.2.2 Dropdown组件116

11.2.3 Dialog组件118

第12章 浮动120

12.1 浮动的特征120

12.2 清除浮动122

12.3 应用场景124

第13章 变换127

13.1 添加变换效果127

13.2 支持的变换类型129

13.3 设置变换原点130

第14章 过渡131

14.1 添加过渡效果131

14.2 相关属性132

第15章 动画134

15.1 动画实例134

15.2 定义动画136

15.3 使用和控制动画137

第16章 其他属性140

16.1 visibility属性140

16.2 resize属性141

16.3 cursor属性142

16.4 content属性143

16.5 filter属性144

16.6 vertical-align属性146

第17章 内置元素的样式149

17.1 按钮149

17.2 列表150

17.3 表格153

17.4 表单156