跟我学HTML+CSSPDF|Epub|txt|kindle电子书版本网盘下载

跟我学HTML+CSSPDF格式电子书版下载

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

第1章 HTML的基本概念1

1.1 什么是HTML2

1.2 HTML的发展历史2

1.3 一个简单的HTML示例3

1.4 HTML与网页的关系4

1.5 用什么来编写和开发HTML5

1.5.1 标题栏5

1.5.2 插入栏5

1.5.3 文档工具栏6

1.5.4 实例练习6

1.6 本章习题8

第2章 HTML的语法基础9

2.1 HTML页面结构10

2.2 元素和属性的写法12

2.2.1 元素的书写格式12

2.2.2 元素属性的书写格式12

2.2.3 HTML的语法规范14

2.3 文档类型16

2.3.1 什么是文档类型16

2.3.2 选择什么样的DOCTYPE16

2.4 什么是名字空间17

2.5 本章习题18

第3章 页面基本元素19

3.1 页面基础元素〈html〉20

3.1.1 文本显示方向属性dir20

3.1.2 指定语言属性lang22

3.2 页面头部元素〈head〉23

3.3 页面标题元素〈title〉23

3.4 元信息元素〈meta〉24

3.4.1 元信息元素名称属性name25

3.4.2 元信息元素的值content25

3.4.3 元信息元素的附加属性http-equiv26

3.4.4 设置页面关键字26

3.4.5 设置页面主要内容27

3.4.6 定义页面的搜索方式27

3.4.7 定义页面的跳转28

3.4.8 定义页面的作者信息29

3.4.9 定义页面的版权信息30

3.4.10 定义页面的刷新时间30

3.5 基本设置元素〈base〉31

3.6 创建样式元素〈style〉32

3.6.1 类型属性type33

3.6.2 类型属性media34

3.7 链接元素〈link〉35

3.7.1 指定链接路径属性href36

3.7.2 链接的类型属性type36

3.7.3 源文档与目标文档关系属性rel、rev37

3.7.4 链接样式文件38

3.7.5 制作收藏夹图标39

3.8 脚本元素〈script〉40

3.8.1 脚本的语言属性language41

3.8.2 脚本的类型属性type42

3.8.3 推迟执行属性defer42

3.8.4 脚本的链接属性src42

3.9 页面主体元素〈body〉43

3.9.1 主体元素的背景属性bgcolor45

3.9.2 主体元素的背景图片属性background46

3.9.3 主体元素的背景图片滚动属性bgproperties47

3.9.4 主体元素的文本属性text49

3.9.5 IE浏览器中的左边界属性leftmargin49

3.9.6 IE浏览器中的上边界属性topmargin50

3.9.7 未访问过的链接属性link51

3.9.8 已访问过的链接属性vlink52

3.9.9 激活的链接属性alink53

3.9.10 主体元素中使用样式属性style54

3.9.11 主体元素中调用样式属性class55

3.10 使用背景音乐55

3.10.1 IE浏览器中添加背景音乐元素〈bgsound〉56

3.10.2 背景音乐的路径属性src56

3.10.3 背景音乐的重复属性loop57

3.11 本章习题57

第4章 文本和段落元素59

4.1 层元素〈div〉60

4.1.1 标记属性id61

4.1.2 调用样式属性class62

4.1.3 创建样式属性style63

4.1.4 对齐属性align64

4.1.5 取消自动换行属性nowrap66

4.1.6 标题属性title66

4.2 标题元素67

4.3 段落元素〈p〉69

4.4 文本的间隔和布局70

4.4.1 换行元素〈br〉70

4.4.2 缩进元素〈blockquote〉72

4.4.3 保留格式元素〈pre〉72

4.4.4 取消换行元素〈nobr〉73

4.4.5 引用元素〈q〉74

4.4.6 地址元素〈address〉75

4.5 水平分隔线元素〈hr〉76

4.5.1 高度属性size77

4.5.2 样式属性noshade78

4.5.3 宽度属性width79

4.5.4 对齐属性align79

4.5.5 颜色属性color80

4.6 基于物理样式的文本元素81

4.6.1 加粗元素〈b〉81

4.6.2 放大元素〈big〉81

4.6.3 缩小元素〈small〉82

4.6.4 斜体显示元素〈i〉83

4.6.5 下标元素〈sub〉83

4.6.6 上标元素〈sup〉85

4.7 基于内容的文本元素85

4.7.1 强调元素〈em〉86

4.7.2 加粗的强调元素〈strong〉86

4.7.3 提取元素〈samp〉87

4.7.4 首字母缩写元素〈acronym〉87

4.7.5 变量显示元素〈var〉87

4.7.6 文献参考元素〈cite〉88

4.8 本章习题89

第5章 列表元素91

5.1 无序列表元素〈ul〉92

5.2 有序列表元素〈ol〉95

5.2.1 项目符号的类型属性type96

5.2.2 有序列表的起始值属性start97

5.3 列表条目元素〈li〉99

5.3.1 项目符号的类型属性type99

5.3.2 条目编号属性value100

5.4 定义列表元素〈dl〉101

5.4.1 定义列表术语元素〈dt〉102

5.4.2 定义列表条目说明元素〈dd〉103

5.5 本章习题104

第6章 图像元素105

6.1 图像元素〈img〉106

6.1.1 图像元素的路径属性src107

6.1.2 代替图片的文本属性alt108

6.1.3 图像元素的宽度属性width109

6.1.4 图像元素的高度属性height110

6.1.5 图像元素的边框属性border111

6.1.6 代替图片的长文本属性longdesc112

6.1.7 上下边距属性vspace112

6.1.8 图像元素的左右边距属性hspace113

6.1.9 图像元素的对齐属性align113

6.1.10 图像服务器端映射属性ismap115

6.1.11 图像服务器端映射属性usemap116

6.2 图像的格式116

6.2.1 JPEG格式116

6.2.2 GIF格式117

6.2.3 PNG格式118

6.3 本章习题118

第7章 表格元素121

7.1 表格元素的结构122

7.1.1 表格〈table〉122

7.1.2 行〈tr〉124

7.1.3 单元格〈td〉125

7.2 〈table〉元素的属性126

7.2.1 边框属性border126

7.2.2 水平对齐属性align127

7.2.3 高度属性height128

7.2.4 宽度属性width129

7.2.5 边框颜色属性bordercolor129

7.2.6 边框暗边线属性bordercolordark130

7.2.7 边框亮边线属性bordercolorlight131

7.2.8 背景颜色属性bgcolor132

7.2.9 背景图片属性background133

7.2.10 单元格间距属性cellspacing133

7.2.11 单元格补白属性cellspadding135

7.2.12 表格单元格边框属性rules136

7.2.13 表格边框属性frame136

7.3 〈tr〉元素的属性138

7.3.1 水平对齐属性align138

7.3.2 垂直对齐属性valign139

7.3.3 背景颜色属性bgcolor140

7.3.4 边框颜色属性bordercolor141

7.3.5 边框暗边线属性bordercolordark142

7.3.6 边框亮边线属性bordercolorlight142

7.4 〈td〉元素的属性143

7.4.1 宽度属性width143

7.4.2 高度属性height145

7.4.3 背景颜色属性bgcolor146

7.4.4 背景图片属性background147

7.4.5 水平对齐属性align148

7.4.6 垂直对齐属性valign149

7.4.7 边框属性bordercolor150

7.4.8 合并列属性colspan151

7.4.9 合并行属性rowspan152

7.4.10 同行显示属性nowrap153

7.5 表格中使用的其他元素155

7.5.1 表格标题元素〈caption〉155

7.5.2 表格头部元素〈th〉156

7.5.3 表格头行元素〈thead〉158

7.5.4 表主体元素〈tbody〉159

7.5.5 表格行尾元素〈tfoot〉160

7.6 本章习题161

第8章 链接元素165

8.1 链接和路径166

8.1.1 超链接的概念166

8.1.2 路径url167

8.1.3 HTTP路径168

8.1.4 FTP路径169

8.1.5 邮件路径169

8.2 链接元素〈a〉170

8.2.1 指定路径属性href172

8.2.2 显示链接目标属性target173

8.2.3 激活顺序属性tabindex174

8.2.4 链接的热键属性accesskey175

8.3 图像链接176

8.3.1 创建链接区域元素〈map〉176

8.3.2 链接区域的名称属性name176

8.3.3 定义鼠标敏感区元素〈area〉177

8.3.4 链接的路径属性href、nohref178

8.3.5 链接的文本说明属性alt179

8.3.6 鼠标敏感区坐标属性coords179

8.3.7 鼠标敏感区形状属性shape181

8.3.8 使用图片中的链接181

8.4 本章习题182

第9章 表单元素183

9.1 表单元素〈form〉184

9.1.1 动作属性action184

9.1.2 发送数据方式属性method185

9.1.3 名称属性name187

9.2 表单控件〈input〉187

9.2.1 文本域text187

9.2.2 密码区域password188

9.2.3 提交按钮submit189

9.2.4 复位按钮reset190

9.2.5 图像按钮image191

9.2.6 单击按钮button192

9.2.7 复选框checkbox192

9.2.8 单选按钮radio193

9.2.9 隐藏区域hidden194

9.3 〈input〉元素的属性195

9.3.1 只读属性readonly195

9.3.2 不可用属性disabled196

9.4 选择列表条目元素〈option〉197

9.5 按钮元素〈button〉198

9.6 选择列表元素〈select〉199

9.6.1 高度属性size200

9.6.2 多项选择属性multiple201

9.7 文本区域元素〈textarea〉202

9.7.1 宽度属性cols202

9.7.2 高度属性rows202

9.8 表单标记元素〈label〉203

9.8.1 定义目标属性for203

9.8.2 定义热键属性accesskey204

9.9 本章习题205

第10章 框架元素209

10.1 框架集元素〈frameset〉210

10.1.1 行属性rows211

10.1.2 列属性cols212

10.1.3 边框属性frameborder214

10.1.4 边框宽度属性framespacing215

10.1.5 边框宽度属性border216

10.1.6 颜色属性bordercolor217

10.2 框架内容元素〈frame〉218

10.2.1 内容的路径属性src218

10.2.2 滚条属性scrolling219

10.2.3 固定尺寸属性noresize220

10.2.4 内容的显示位置属性marginheight、marginwidth221

10.2.5 边框属性frameborder223

10.3 不支持框架元素〈noframes〉224

10.4 内联框架元素〈iframe〉224

10.5 框架元素中的链接225

10.6 本章习题227

第11章 CSS的概念231

11.1 什么是CSS232

11.2 CSS与网页显示效果的关系233

11.3 使用CSS的方法235

11.3.1 元素中直接添加样式235

11.3.2 从页面头部〈style〉元素中调用236

11.3.3 采用链接的形式调用237

11.4 本章习题238

第12章 CSS的语法241

12.1 选择符242

12.1.1 id选择符242

12.1.2 类选择符243

12.1.3 类型选择符244

12.1.4 伪类245

12.1.5 子选择符246

12.1.6 选择符分组248

12.1.7 选择符的优先级248

12.2 属性250

12.3 值251

12.3.1 颜色值252

12.3.2 长度值253

12.3.3 百分比值253

12.4 继承值254

12.5 默认值255

12.6 块元素和内联元素257

12.6.1 块元素257

12.6.2 内联元素258

12.7 应用样式的优先级259

12.8 本章习题262

第13章 CSS控制文本的显示263

13.1 控制字体的显示264

13.1.1 字体选择属性font-family264

13.1.2 字体颜色属性color265

13.1.3 字体大小属性font-size266

13.1.4 字体样式属性font-style269

13.1.5 字体加粗属性font-weight270

13.1.6 字体修饰属性text-decoration271

13.1.7 字体下划线位置属性text-underline-position273

13.1.8 小型大写字母属性font-variant274

13.1.9 转换大小写属性text-transform276

13.1.10 字母间隔属性letter-spacing277

13.1.11 单词间隔属性word-spacing278

13.1.12 行高属性line-height279

13.1.13 字体综合属性font281

13.2 控制文本的显示282

13.2.1 文本缩进属性text-indent282

13.2.2 文本空白属性white-space283

13.2.3 文本溢出属性text-overflow285

13.2.4 水平对齐属性text-align287

13.2.5 垂直对齐属性vertical-align288

13.2.6 文本流向属性layout-flow291

13.2.7 文本方向属性direction292

13.2.8 文本排序属性unicode-bidi293

13.2.9 单词换行属性word-break295

13.2.10 文本断开换行属性word-wrap296

13.3 本章习题298

第14章 CSS控制列表元素的显示301

14.1 控制列表元素的显示302

14.1.1 列表符号属性list-style-type302

14.1.2 列表符号的混用304

14.1.3 列表图像属性list-style-image305

14.1.4 列表图像的显示位置307

14.1.5 标记位置属性list-style-position308

14.1.6 标记位置属性与列表高度309

14.1.7 列表综合属性list-style310

14.2 列表元素的使用和嵌套311

14.2.1 列表元素的默认属性值311

14.2.2 统一列表元素的边界和补白312

14.3 本章习题313

第15章 CSS控制表格元素的显示315

15.1 控制表格元素的显示316

15.1.1 边框合并属性boder-collapse316

15.1.2 表格边框间距属性border-spacing317

15.1.3 表格标题位置属性caption-side319

15.1.4 表格布局属性table-layout321

15.2 单元格的制约关系323

15.2.1 确定单行或列的宽度或高度323

15.2.2 确定多行或列的宽度或高度325

15.2.3 单元格与嵌套的〈div〉元素327

15.3 本章习题328

第16章 CSS控制元素的大小331

16.1 盒模型的概念332

16.2 元素内容的大小332

16.2.1 宽度属性width333

16.2.2 高度属性height334

16.2.3 内容与宽度、高度属性的关系334

16.3 元素的背景335

16.3.1 背景颜色属性background-color336

16.3.2 背景图片属性background-image337

16.3.3 背景图片的重复属性background-repeat337

16.3.4 背景图片位置属性background-position339

16.3.5 背景图片滚动属性background-attachment340

16.3.6 同时使用背景颜色和背景图片属性341

16.3.7 背景的综合属性background342

16.4 元素的补白343

16.4.1 顶部补白属性padding-top344

16.4.2 右侧补白属性padding-right344

16.4.3 底部补白属性padding-bottom345

16.4.4 左侧补白属性padding-left346

16.4.5 综合补白属性padding347

16.4.6 补白与背景348

16.5 元素的边框349

16.5.1 顶部边框样式属性border-top-style349

16.5.2 右侧边框样式属性border-right-style351

16.5.3 底部边框样式属性border-bottom-style352

16.5.4 左侧边框样式属性border-left-style354

16.5.5 顶部边框颜色属性border-top-color355

16.5.6 右侧边框颜色属性border-right-color356

16.5.7 底部边框颜色属性border-bottom-color357

16.5.8 左侧边框颜色属性border-left-color358

16.5.9 顶部边框宽度属性border-top-width359

16.5.10 右侧边框宽度属性border-right-width360

16.5.11 底部边框宽度属性border-bottom-width361

16.5.12 左侧边框宽度属性border-left-width362

16.5.13 边框样式属性border-style363

16.5.14 边框颜色属性border-color364

16.5.15 边框宽度属性border-width365

16.5.16 边框顶部综合属性border-top366

16.5.17 边框右侧综合属性border-right367

16.5.18 边框底部综合属性border-bottom368

16.5.19 边框左侧综合属性border-left368

16.5.20 边框综合属性border368

16.6 元素的边界369

16.6.1 顶部边界属性margin-top369

16.6.2 右侧边界属性margin-right370

16.6.3 底部边界属性margin-bottom372

16.6.4 左侧边界属性margin-left373

16.6.5 边界综合属性margin374

16.6.6 边界与背景375

16.7 嵌套元素的大小和距离376

16.7.1 父元素和子元素376

16.7.2 子元素中使用边界属性，父元素未定义大小377

16.7.3 子元素中使用边界属性，父元素中使用补白属性378

16.8 本章习题379

第17章 CSS控制元素的定位381

17.1 元素的定位382

17.1.1 元素的定位属性position382

17.1.2 上边偏移属性top383

17.1.3 右边偏移属性right384

17.1.4 下边偏移属性bottom385

17.1.5 左边偏移属性left386

17.2 绝对定位387

17.2.1 绝对定位与父元素388

17.2.2 绝对定位与相邻元素389

17.3 相对定位390

17.3.1 相对定位元素位置的确定390

17.3.2 相对定位与相邻元素391

17.4 定位元素的重叠393

17.5 本章习题394

第18章 CSS控制元素的布局397

18.1 元素的浮动398

18.1.1 元素的浮动属性float398

18.1.2 浮动元素和固定元素399

18.1.3 两个浮动元素的显示效果400

18.1.4 多个浮动元素的显示顺序401

18.2 浮动的清除403

18.2.1 清除浮动属性clear403

18.2.2 清除浮动与固定元素404

18.3 内容的剪切405

18.3.1 内容的剪切属性clip405

18.3.2 剪切属性与内容407

18.4 溢出内容的控制408

18.4.1 溢出属性overflow409

18.4.2 横向溢出属性overflow-x410

18.4.3 纵向溢出属性overflow-y411

18.4.4 滚条和边框412

18.5 元素的显示方式413

18.5.1 显示方式属性display413

18.5.2 内联块属性值的异常显示415

18.5.3 隐藏属性值none416

18.6 元素的可视性418

18.6.1 可视属性visibility418

18.6.2 可视性属性与显示方式属性的关系419

18.7 本章习题421

第19章 CSS控制其他元素的显示423

19.1 控制滚条的显示424

19.1.1 滚条3d亮边框颜色属性scrollbar-3dlight-color424

19.1.2 滚条亮边框颜色属性scrollbar-highlight-color425

19.1.3 滚条滑块颜色属性scrollbar-face-color426

19.1.4 滚条箭头颜色属性scrollbar-arrow-color428

19.1.5 滚条阴影颜色属性scrollbar-shadow-color429

19.1.6 滚条暗部阴影属性scrollbar-darkshadow-color430

19.1.7 滚条拖动区颜色属性scrollbar-track-color431

19.1.8 滚条基准色属性scrollbar-base-color432

19.1.9 定义滚条的颜色433

19.2 控制光标的显示434

19.3 控制元素的缩放437

19.4 控制链接的显示438

19.4.1 定义链接未访问的显示效果438

19.4.2 定义链接鼠标悬停的显示效果439

19.4.3 定义链接激活的显示效果440

19.4.4 定义链接访问后的显示效果441

19.4.5 定义链接效果的顺序442

19.5 本章习题444

第20章 制作个人博客页面447

20.1 制作页面前的准备工作448

20.1.1 规划页面的内容448

20.1.2 切分效果图449

20.2 规划站点文件夹449

20.3 定义基本的样式450

20.3.1 新建CSS文件450

20.3.2 定义页面的基础样式450

20.4 制作页面头部451

20.4.1 制作页面头部的结构451

20.4.2 定义页面头部的样式451

20.5 制作页面导航453

20.5.1 制作页面导航的结构453

20.5.2 定义页面导航的样式454

20.6 制作页面主体456

20.6.1 制作页面主体的结构456

20.6.2 定义页面主体内容的样式456

20.7 制作日志457

20.7.1 制作日志内容的结构458

20.7.2 定义日志内容的样式458

20.8 制作侧栏459

20.8.1 制作侧栏的结构459

20.8.2 定义侧栏的通用样式461

20.9 制作页面底部内容462

20.9.1 制作页面底部的结构463

20.9.2 定义页面底部的样式463