前端HTML+CSS修炼之道 视频同步+直播2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

前端HTML+CSS修炼之道 视频同步+直播PDF格式电子书版下载

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

第1章探本溯源，前端开发基础漫谈2

1.1前端开发是做什么的2

1.2前端开发技术5

1.2.1HTML超文本标记语言：搭建网页“结构”5

1.2.2 CSS层叠样式表：给网页添加“样式”6

1.2.3 JavaScript：让网页响应某种“行为”6

1.3前端开发所需软件7

1.3.1 Photoshop8

1.3.2编辑器11

1.3.3浏览器12

1.4第一个HTML页面12

1.4.1基本标记标签13

1.4.2标签嵌套关系19

1.5 ＜div＞标签简介19

练习题20

第2章CSS基础语法、选择器和样式冲突的解决方案22

2.1 CSS概述22

2.2定义CSS的基本语法23

2.3基本选择器25

2.3.1元素选择器25

2.3.2 ID选择器26

2.3.3类选择器29

2.3.4伪类选择器33

2.3.5伪元素选择器35

2.3.6通用选择器38

2.4复合选择器39

2.4.1交集选择器39

2.4.2并集选择器40

2.4.3后代选择器41

2.4.4子元素选择器43

2.4.5相邻兄弟选择器44

2.4.6属性选择器45

2.5 CSS选择器的使用方法47

2.6 CSS应用到 HTML页面的常用方式47

2.6.1行内式47

2.6.2内嵌式48

2.6.3链接式49

2.7 CSS的冲突与解决50

练习题53

第3章网页排版利器：CSS字体、文本、背景属性设置55

3.1字体属性55

3.1.1字体粗细属性：font-weight55

3.1.2字体风格属性：font-style56

3.1.3字体大小属性：font-size58

3.1.4字体族属性：font-family59

3.1.5文本行高属性：line-height62

3.1.6字体属性：font65

3.2文本属性66

3.2.1颜色属性：color66

3.2.2水平对齐属性：text-align69

3.2.3首行缩进属性：text-indent70

3.2.4文本修饰属性：text-decoration71

3.2.5字符间距属性：letter-spacing73

3.2.6字间距属性：word-spacing74

3.3背景属性75

3.3.1背景颜色属性：background-color75

3.3.2背景图片属性：background-image76

3.3.3背景图片重复属性：background-repeat77

3.3.4背景图片位置属性：background-position79

3.3.5背景图片滚动属性：background-attachment81

3.3.6背景属性：background83

练习题84

第4章剖析“盒模型”特性，详解布局方寸间的逻辑关系86

4.1盒子模型的组成86

4.2盒子边框（border）设置88

4.2.1设置边框风格88

4.2.2设置边框宽度90

4.2.3设置边框颜色93

4.2.4统一设置边框的宽度、颜色和风格95

4.2.5边框的形状98

4.3盒子内边距（padding）设置100

4.3.1内边距的设置100

4.3.2 padding内边距的特点103

4.4盒子外边距（margin）设置105

4.4.1外边距的设置105

4.4.2盒子外边距合并107

4.4.3相邻盒子之间的水平间距113

练习题116

第5章世界是多样化的，标签是语义化的118

5.1常用文本标签118

5.1.1段落与换行标签118

5.1.2标题字标签119

5.1.3 ＜strong＞标签121

5.1.4 ＜em＞标签122

5.1.5 ＜mark＞标签122

5.1.6＜time＞标签123

5.1.7 ＜span＞标签124

5.1.8空格和特殊字符的输入124

5.2文档结构标签126

5.2.1 ＜header＞标签127

5.2.2＜article＞标签128

5.2.3 ＜section＞标签129

5.2.4＜main＞标签130

5.2.5 ＜nav＞标签130

5.2.6 ＜aside＞标签131

5.2.7 ＜footer＞标签131

练习题132

第6章探究多媒体标签，揭秘各种元素类型134

6.1多媒体标签134

6.1.1 ＜object＞标签134

6.1.2 ＜embed＞标签136

6.1.3 ＜video＞标签137

6.1.4 ＜audio＞标签138

6.2元素类型139

6.2.1 block块级元素139

6.2.2 inline行内元素140

6.2.3 inline-block行内块元素142

6.2.4使用display属性改变元素类型144

6.3使用CSS reset标签样式147

练习题148

第7章为网页配上精美图片、让列表清晰传达具象内容150

7.1使用＜img＞标签在网页中插入图片150

7.1.1网页常用图片格式150

7.1.2插入图片的基本语法150

7.1.3设置图片提示信息和替换信息152

7.1.4使用标签属性设置图片大小153

7.1.5使用CSS设置图片样式154

7.2使用列表标签创建列表156

7.2.1创建有序列表156

7.2.2创建无序列表159

7.2.3创建定义列表161

7.2.4创建嵌套列表162

7.2.5使用CSS列表属性设置列表样式163

7.2.6使用列表和列表属性创建纵向菜单164

7.2.7使用列表和display：inline创建横向菜单166

7.2.8使用列表和display：inline-block实现图文横排167

练习题169

第8章使用超链接构建信息间的连接关系171

8.1使用＜a＞标签创建链接171

8.1.1创建链接的基本语法171

8.1.2设置链接目标窗口172

8.1.3链接路径的设置173

8.2使用＜base＞标签设置链接基准URL176

8.3链接的类型178

8.4使用伪类设置链接样式185

8.5链接与内联框架187

8.5.1内联框架标签＜iframe＞187

8.5.2修改内联框架默认样式188

8.5.3使用内联框架作为链接的目标窗口188

8.5.4使用内联框架的优缺点189

练习题190

第9章呈现数据的利器：网页表格192

9.1表格概述192

9.2表格标签194

9.2.1 ＜table＞标签194

9.2.2 ＜tr＞标签195

9.2.3 ＜td＞和＜th＞标签195

9.2.4 ＜caption＞标签195

9.2.5 ＜thead＞、＜tbody＞和＜tfoot＞标签196

9.2.6使用colspan属性实现单元格跨列合并197

9.2.7使用rowspan属性实现跨行操作199

9.2.8使用表格标签属性格式化表格200

9.3 CSS表格属性202

9.4使用CSS格式化表格204

9.5表格各元素的display属性值206

9.6表格综合案例206

练习题210

第10章构建在控件之上的数据交互方案：网页表单212

10.1表单概述212

10.2 ＜form＞标签212

10.3 input表单控件213

10.3.1 input表单控件概述213

10.3.2文本框214

10.3.3密码框215

10.3.4隐藏域215

10.3.5文件域216

10.3.6单选框和复选框217

10.3.7提交按钮218

10.3.8普通按钮219

10.3.9重置按钮220

10.3.10图像按钮220

10.3.11 button元素按钮222

10.4 label标签223

10.5选择列表224

10.6多行文本域227

10.7表单元素的disabled和readonly属性228

10.8表单新增属性230

10.8.1 form属性230

10.8.2 formaction属性231

10.8.3 autofocus属性231

10.8.4 pattern属性232

10.8.5 placeholder属性233

10.8.6 required属性234

10.9元素轮廓（outline）235

10.10表单元素的默认样式及重置237

10.11表单美化238

10.11.1单行文本框控件的美化238

10.11.2按钮控件的美化239

10.11.3单选框/复选框控件的美化240

10.11.4上传文件控件美化242

10.11.5下拉列表控件美化244

10.12表单的元素类型245

练习题245

第11章玩转文档排版的犀利武器：浮动247

11.1标准流排版247

11.2浮动排版248

11.2.1浮动设置249

11.2.2浮动元素的表现及特征249

11.2.3浮动清除260

11.2.4使用空div清除浮动解决父元素高度塌陷问题264

11.2.5使用伪元素清除浮动解决父元素高度塌陷问题265

11.2.6使用BFC解决父元素高度塌陷问题269

11.2.7使用overflow属性解决父元素高度塌陷问题272

11.2.8使用BFC防止浮动元素覆盖文档流元素274

练习题276

第12章平面之上的叠加艺术：定位278

12.1定位排版属性position278

12.1.1静态定位278

12.1.2相对定位278

12.1.3绝对定位281

12.1.4固定定位289

12.2定位层级295

12.3定位相关知识299

12.3.1全屏的div设置299

12.3.2透明度/透明滤镜300

12.3.3 margin负值305

12.3.4元素的绝对居中312

练习题313

第13章技术的世界只崇拜实干者：整站静态页面开发315

13.1网站前期规划315

13.1.1网站目录划分315

13.1.2网站文件夹、文件的命名316

13.1.3网站整体规划319

13.2网站首页制作320

13.2.1网站首页结构320

13.2.2网站首页之头部＆banner版块的制作320

13.2.3以图换字322

13.2.4滑动门325

13.2.5 CSS精灵图328

13.2.6网站首页之课程介绍版块的制作330

13.2.7文字阴影text-shadow332

13.2.8盒阴影box-shadow334

13.2.9圆角border-radius337

13.2.10网站首页之学员作品展示版块的制作341

13.2.11网站首页之讲师介绍版块的制作341

13.2.12网站首页之妙味服务版块的制作342

13.2.13网站首页之页脚版块的制作343

13.3网站其他页面的制作343

13.4网站优化344

13.5网站建设技巧346

13.5.1最小宽度/最小高度346

13.5.2最大宽度/最大高度347

13.5.3 text-overflow文本溢出348

练习题348