Web前端开发精品课 HTML与CSS基础教程PDF|Epub|txt|kindle电子书版本网盘下载

Web前端开发精品课 HTML与CSS基础教程PDF格式电子书版下载

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

第一部 分HTML入门3

第1章 HTML基础3

1.1 Web技术简介3

1.1.1从网页制作到前端开发3

1.1.2前端技术4

1.1.3后端技术7

1.1.4从前端开发到后端开发的学习路线8

【疑问】9

1.2 HTML是什么？10

1.3.HTML入门简介11

1.3.1教程说明11

1.3.2初学者比较关心的问题13

1.4本章总结13

第2章 前端开发工具15

2.1前端开发工具16

2.1.1 Dreamweaver16

2.1.2 SublimeText17

2.1.3 Visual Studio17

2.2新建HTML页面18

第3章 HTML基本标签20

3.1HTML基本结构21

3.1.1HTML基本结构21

3.1.2用记事本编写网页22

3.1.3用Dreamweaver编写网页23

3.2 head标签24

3.2.1 head标签内的title标签25

3.2.2 head标签内的meta标签25

3.2.3 head标签内的style标签28

3.2.4 head标签内的script标签28

3.2.5 head标签内的link标签29

3.3 body标签29

3.4 HTML注释30

3.5本章总结32

训练题33

第4章 段落与文字35

4.1 段落与文字简介35

4.2标题标签37

4.3段落标签39

4.3.2段落标签〈P〉39

4.3.2换行标签〈br/〉40

4.4文本格式化标签42

4.4.1粗体标签b、 srtong42

4.4.2斜体标签i、 cite、 em43

4.4.3上标标签sup44

4.4.4下标标签sub44

4.4.5大字号标签big和 小字号标签small45

4.4.6删除线标签s46

4.4.7下划线标签u47

4.5水平线标签48

4.6 div标签49

4.7网页特殊符号50

4.7.1网页中的空格50

4.7.2特殊符号52

4.8自闭合标签54

4.8.1什么叫自闭合标签54

4.8.2常见的自闭合标签55

4.9块元素和行内元素55

4.9.1块元素56

4.9.2行内元素58

4.10本章总结59

4.11训练题61

第5章 列表63

5.1HTML列表简介63

5.1.1网页中的列表63

5.1.2HTML列表简介63

5.2有序列表64

5.2.1有序列表简介64

5.2.2有序列表type属性65

5.3无序列表67

5.3.1无序列表简介67

5.3.2无序列表type属性68

5.3.3深入了解无序列表69

【疑问】71

5.4定义列表72

5.5 HTML中的大误区74

5.6本章总结75

5.7训练题78

第6章 表格80

6.1表格简介80

6.2表格基本结构81

【疑问】82

6.3表格完整结构82

6.3.1表格标题caption83

6.3.2表头th84

6.4表格语义化86

6.5合并行rowspan89

6.6合并列colspan90

6.7本章总结92

6.8训练题94

第7章 图像96

7.1图像标签96

7.1.1 img标签src属性96

7.1.2 img标签alt属性97

7.1.3 img标签title属性97

7.2相对路径和绝对路径98

7.2.1“网页1”引用海贼王图片99

7.2.2“网页2”引用海贼王图片99

【疑问】100

7.3图片格式101

7.3.1位图101

7.3.2矢量图103

7.3.3位图与矢量图区别105

【疑问】105

7.4 本章总结106

第8章 超链接109

8.1超链接简介109

8.2 a标签109

8.2.1 a标签简介109

8.2.2 a标签target 属性110

8.2.3各种超链接111

8.3内部链接112

8.4锚点链接114

8.5本章总结117

第9章 表单119

9.1表单简介119

9.2 form标签120

9.2.1 form标签简介120

9.2.2 form标签属性121

9.2.3表单对象126

9.3 input标签简介126

9.4单行文本框text127

9.4.1文本框text简介127

9.4.2文本框text属性128

9.5密码文本框password129

9.5.1密码文本框简介129

9.5.2密码文本框属性131

9.6单选按钮radio132

9.6.1单选按钮简介132

9.6.2单选按钮radio的忽略点133

【疑问】135

9.7复选框checkbox135

9.8表单按钮137

9.8.1普通按钮button137

9.8.2提交按钮submit138

9.8.3重置按钮reset139

9.8.4普通按钮、提交按钮和重置按钮的区别141

9.9图片域image142

【疑问】143

9.10隐藏域hidden143

9.11 文件域file145

9.12多行文本框textarea146

9.13下拉列表select148

9.13.1 select标签属性149

9.13.2 option标签属性151

【疑问】153

9.14 input标签按钮与button标签按钮153

【疑问】155

9.15本章总结155

【疑问】157

9.16 训练题158

第10章 多媒体160

10.1网页中插入音频和视频160

10.2网页中插入背景音乐162

10.3网页中插入Flash163

10.4本章总结164

第11章 框架166

11.1浮动框架iframe166

11.1.1 iframe简介166

11.1.2 iframe滚动条167

第二部分 CSS入门171

第12章 CSS基础171

12.1 CSS是什么171

12.1.1 CSS简介171

12.1.2 CSS和CSS3172

12.2 CSS入门简介172

12.3 CSS的三种引用方式173

12.3.1外部样式表173

12.3.2内部样式表174

12.3.3内联样式表175

第13章 CSS选择器基础177

13.1元素的id和class178

13.1.1元素的id属性178

13.1.2元素的class属性178

13.2什么叫CSS选择器？179

13.3 CSS选择器入门（上）181

13.3.1元素选择器181

13.3.2 id选择器183

13.3.3 class选择器184

13.4 CSS选择器入门（下）186

13.4.1子元素选择器186

13.4.2相邻选择器187

13.4.3群组选择器189

第14章 字体新式192

14.1字体样式简介192

14.2字体类型font-family193

14.3 字体大小font-size195

14.4字体颜色color198

14.5.字体粗细font-weight200

14.6字体斜体font-style202

14.7 CSS注释204

14.8本章总结206

第15章 文本样式210

15.1文本样式简介210

15.2下划线、删除线和顶划线text-decoration210

15.2.1 text-decoration属性210

15.2.2下划线、删除线和顶划线的用途分析213

15.3文本大小写text-transform214

15.4 font-variant属性215

【疑问】216

15.5首行缩进text-indent216

15.6文本水平对齐 text-align218

15.7行高line-height219

15.8字母间距letter-spacing和词间距word-spacing221

15.8.1 letter-spacing属性221

15.8.2 word-spacing属性222

15.9文本样式总结223

第16章 边框样式229

16.1边框样式简介229

16.2整体边框样式230

16.2.1边框的属性230

16.2.2边框实例233

16.2.3 border属性简洁写法233

16.3局部边框样式234

16.4本章总结237

第17章 背景样式241

17.1 背景样式简介241

17.1.1背景颜色241

17.1.2背景图像241

17.2背景颜色background-color242

17.3背景图像简介244

17.3.1 background-image属性244

17.3.2 background-repeat属性244

17.3.3 background-position属性245

17.3.4 background-attachment属性246

17.4背景图像样式background-image246

17.5背景重复样式background-repeat248

17.6背景图像位置background-position250

17.6.1 background-position取值为“像素值”250

17.6.2 background-position取值为“关键字”252

17.7背景固定样式background-attachment253

17.8本章总结254

第18章 超链接样式257

18.1超链接伪类257

18.1.1如何去除超链接下划线257

18.1.2如何定义超链接伪类258

18.1.3深入了解超链接伪类260

【疑问】261

18.2深入了解：hover伪类262

18.3鼠标样式264

18.3.1浏览器鼠标样式264

18.3.2自定义鼠标样式266

18.4本章总结267

第19章 图片样式270

19.1图片大小270

19.2图片边框border271

19.3图片水平对齐272

19.4图片垂直对齐274

19.5文字环绕效果float278

19.5.1 float属性278

19.5.2定义图片与文字间距280

19.6本章总结282

第20章 列表样式285

20.1列表项符号list-style-type286

20.1.1HTML中定义列表项符号286

20.1.2 CSS中定义列表项符号287

20.2自定义列表项符号list-style-image290

20.3本章总结291

第21章 表格样式293

21.1表格边框合并border-collapse294

21.2表格边框间距border-spacing297

21.3表格标题位置caption-side299

21.4本章总结301

第22章 CSS盒子模型303

22.1 CSS盒子模型304

22.2宽度width和高度height308

22.3边框border313

22.4内边距padding314

22.4.1 padding局部样式314

22.4.2 padding简洁写法315

22.5外边距margin317

22.5.1 margin局部样式318

22.5.2 margin简洁样式319

22.6本章总结321

第23章 浮动布局323

23.1 HTML文档流324

23.1.1正常文档流动324

23.1.2脱离正常文档流325

23.2浮动float326

23.3清除浮动clear331

23.4本章总结334

第24章 定位布局336

24.1定位布局简介337

24.2固定定位fixed337

24.3相对定位relative339

24.4绝对定位absolute342

24.5 CSS静态定位static345

附录 HTML标签的语义346

后记352