脑动力 HTML+CSS标签速查效率手册PDF|Epub|txt|kindle电子书版本网盘下载

脑动力 HTML+CSS标签速查效率手册PDF格式电子书版下载

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

第1章 理解HTML1

1.1 HTML的基本概念1

1.1.1 HTML简介1

1.1.2了解HTML代码2

1.2编辑HTML代码3

1.2.1使用记事本编辑3

1.2.2 Dreamweaver中的HTML编辑窗口4

1.3使用Dreamweaver编写HTML代码5

1.3.1使用代码窗口编写HTML代码5

1.3.2使用标签选择器和标签编辑器6

1.3.3使用代码提示功能8

1.3.4使用查找和替换功能8

1.3.5优化HTML编码9

第2章 网页的基本标签11

2.1结构标签——＜html＞11

2.2页面头部标签——＜head＞11

2.3页面标题——＜title＞12

2.4页面的主体标签——＜body＞13

2.4.1页面背景色——bgcolor14

2.4.2文字颜色——text15

2.4.3背景图片——background16

2.4.4链接文字——link17

2.4.5页面边距——margin18

2.5元信息标签——＜meta＞19

2.5.1设置网页编码信息20

2.5.2设置网页的定时跳转22

2.5.3设定网页缓存过期时间24

2.5.4禁止从缓存中调用25

2.5.5删除过期的cookie26

2.5.6强制打开新窗口26

2.5.7设置网页的过渡效果27

2.5.8定义页面关键字31

2.5.9设置页面描述32

2.5.10设置编辑工具32

2.5.11设定作者信息33

2.5.12限制搜索方式34

第3章 排版标签36

3.1页面注释＜！--＞36

3.2段落——＜p＞37

3.3换行——＜br＞38

3.4水平线40

3.4.1水平线——＜hr＞40

3.4.2水平线宽度与高度属性——width、size41

3.4.3水平线的颜色——color42

3.4.4水平线的对齐方式——align43

3.4.5去掉水平线阴影——noshade44

3.5居中标签——＜center＞46

3.6预设标签——＜pre＞47

3.7不拆行——＜nobr＞48

3.8向右缩——＜blockquote＞49

3.9层标签——＜div＞50

第4章 页面文字52

4.1标题文字——＜h＞52

4.2文字格式53

4.2.1字体——face54

4.2.2文字颜色——color55

4.2.3字号——size56

4.2.4粗体、斜体、下画线、删除线——strong、em、u、strike57

4.2.5上标与下标——＜sup＞、＜sub＞59

4.2.6等宽文字标签——＜code＞60

4.3空格——＆nbsp；61

4.4特殊符号62

4.5其他标签64

4.5.1文字标注——＜ruby＞64

4.5.2声明变量——＜var＞65

第5章 网页中的列表67

5.1有序列表（Ordered Lists）67

5.1.1有序列表标签——＜ol＞67

5.1.2有序列表的序号类型——type69

5.1.3有序列表的起始数值——start70

5.2无序列表（Unordered Lists）72

5.2.1无序列表标签——＜ul＞72

5.2.2无序列表的符号类型——type73

5.3定义列表标签——＜dl＞76

5.4菜单列表标签——＜menu＞78

5.5目录列表——＜dir＞79

5.6列表的高级应用80

5.6.1列表的简化81

5.6.2设置列表项文字的颜色82

5.7列表的嵌套84

第6章 超链接86

6.1超链接——＜a＞86

6.2设置文本超链接87

6.3设置图像超链接89

6.4设置图像热区链接91

6.5使用锚在网页内部链接94

6.6链接到不同页面的特定位置96

6.7链接到网页98

6.8建立EMAIL链接99

6.9链接到文件101

6.10建立文件下载链接102

第7章 网页中的多媒体元素和图像104

7.1将多媒体内容放到网页中104

7.1.1链接到多媒体文件104

7.1.2添加多媒体文件标签——＜embed＞105

7.1.3设置媒体文件自动运行——autostart106

7.1.4设置媒体文件的循环播放——loop108

7.1.5隐藏媒体播放面板——hidden109

7.1.6添加flash动画文件110

7.2动态文字111

7.2.1滚动文字标签——＜marquee＞111

7.2.2滚动方向属性——direction112

7.2.3滚动方式——behavior114

7.2.4滚动循环——loop115

7.2.5滚动文字的背景颜色——bgcolor116

7.2.6滚动文字的背景大小——width、height117

7.2.7滚动速度——scrollamount118

7.2.8滚动延迟——scrolldelay119

7.2.9滚动空间——hspace、vspace120

7.3网页背景音乐121

7.3.1背景音乐——bgsound122

7.3.2背景音乐的循环播放次数——loop123

7.4图像格式123

7.5插入图像——＜img＞124

7.6图像属性设置125

7.6.1图像描述文字——alt125

7.6.2图像的边框——border127

7.6.3图像的大小——width、height128

7.6.4图像的间距——hspace、vspace129

7.6.5图像的相对对齐方式——align130

第8章 网页中表格的应用132

8.1建立表格132

8.1.1表格、行、单元格——＜table＞、＜tr＞、＜td＞132

8.1.2表格的标题——＜caption＞134

8.1.3表格的表头——＜th＞136

8.1.4表格宽度——width137

8.1.5表格高度——height139

8.1.6表格的边框宽度——border141

8.1.7表格边框颜色——bordercolor142

8.1.8表格的单元格间距——cellspacing144

8.1.9表格的单元格边距——cellpadding146

8.1.10表格背景色——bgcolor147

8.1.11表格的背景图像——background149

8.1.12表格的对齐方式——align150

8.1.13表格标题的垂直对齐方式——valign152

8.2表格的行属性154

8.2.1行高——height154

8.2.2行边框颜色——bordercolor155

8.2.3行背景色——bgcolor157

8.2.4行文字的水平对齐方式——align158

8.2.5行文字的垂直对齐方式——valign159

8.3单元格属性161

8.3.1单元格大小——width、 height161

8.3.2跨列属性——colspan163

8.3.3跨行属性——rowspan164

8.3.4对齐方式——align、 valign166

8.3.5单元格的背景色——bgcolor167

8.3.6单元格的边框颜色——bordercolor169

8.3.7单元格的亮边框颜色——bordercolorlight170

8.3.8单元格的暗边框颜色——bordercolordark171

8.3.9单元格的背景图像——background173

8.3.10单元格内容不换行——nowrap175

8.4表格的结构样式176

8.4.1设计表头样式——＜thead＞177

8.4.2设计表主体样式——＜tbody＞178

8.4.3设计表尾样式——＜tfoot＞180

8.5使用表格实现网页布局182

第9章 表单186

9.1表单标签——＜form＞186

9.1.1表单名称——name187

9.1.2表单提交地址——action187

9.1.3传送方式——method188

9.1.4编码方式——enctype189

9.1.5目标显示方式——target190

9.2添加表单对象191

9.2.1文本框——text191

9.2.2密码框——password193

9.2.3按钮——button194

9.2.4提交按钮——submit195

9.2.5重置按钮——reset197

9.2.6单选按钮——radio199

9.2.7复选按钮——checkbox201

9.2.8图像按钮——image202

9.2.9隐藏域——hidden203

9.2.10文件域——file204

9.2.11文本域——textarea205

9.2.12下拉菜单——select、option207

9.2.13列表项208

第10章 网页中使用框架211

10.1什么是框架211

10.2框架集——＜frameset＞211

10.3框架——＜frame＞212

10.4浮动框架——＜iframe＞215

10.5框架集属性217

10.5.1水平分割窗口——rows217

10.5.2垂直分割窗口——cols219

10.5.3嵌套分割窗口220

10.5.4框架集边框宽度——framespacing221

10.5.5框架集边框颜色——bordercolor222

10.6框架和浮动框架的属性223

10.6.1名称属性——name224

10.6.2页面源文件——src224

10.6.3边框属性——frameborder226

10.6.4滚动条属性——crolling227

10.6.5边框与页面内容的水平间距——marginwidth228

10.6.6边框与页面内容的垂直边距——marginheight230

10.6.7普通框架禁止调整窗口大小——noresize231

10.6.8浮动框架对齐属性——align232

10.6.9浮动框架大小——idth、height233

10.6.10普通框架与链接235

10.6.11浮动框架与链接237

10.7不支持框架标签——＜noframes＞239

第11章 CSS样式表简介241

11.1 CSS的概念241

11.2 CSS样式表的基本语法242

11.2.1样式表的基本结构242

11.2.2样式规则242

11.3 CSS选择器244

11.3.1类选择器244

11.3.2 ID选择器245

11.3.3标签选择器246

11.3.4伪类248

11.3.5子选择器249

11.3.6群组选择器250

11.3.7包含选择器253

11.3.8元素指定选择器254

11.3.9相邻选择器256

11.4将CSS应用到网页中257

11.4.1内嵌样式表257

11.4.2行内样式258

11.4.3链接外部样式表259

11.4.4导入外部样式表261

11.5样式优先权262

第12章 CSS控制文本显示效果264

12.1控制字体显示264

12.1.1设置字体——font-family264

12.1.2设置字体大小——font-size266

12.1.3设置斜体效果——font-style267

12.1.4设置加粗字体——font-weight268

12.1.5设置英文大写——font-variant270

12.1.6文本转换大小写——text-transform271

12.1.7字体复合属性——font272

12.1.8字内换行——word-break274

12.1.9超过容器边界时的换行——word-wrap275

12.1.10设置文字修饰——text-decoration276

12.1.11单词间隔——word-spacing278

12.1.12字符间隔——letter-spacing279

12.1.13字体颜色——color280

12.2控制文本显示效果282

12.2.1文本的水平对齐——text-align282

12.2.2垂直对齐——vertical-align283

12.2.3文本方向与排序——direction与unicode-bidi285

12.2.4文本书写模式——writing-mode287

12.2.5文本溢出——text-overflow288

12.2.6文本流向——layout-flow290

12.2.7文本缩进——text-indent291

12.3其他文本效果292

12.3.1文本行高——line-height292

12.3.2处理空白——white-space294

第13章 CSS控制列表元素和链接的显示296

13.1列表元素的显示296

13.1.1列表符号——list-style-type296

13.1.2列表图像符号——list-style-image298

13.1.3列表标记位置——list-style-position300

13.1.4列表综合属性——list-style301

13.2控制链接的显示302

13.2.1链接未访问效果——link伪类302

13.2.2链接鼠标悬停效果——hover伪类303

13.2.3链接激活的效果——active伪类305

13.2.4链接访问后的效果——visited伪类306

第14章 CSS控制元素的背景308

14.1设置背景颜色——background-color308

14.2设置背景图像309

14.2.1背景图像——background-image309

14.2.2背景图像的平铺——background-repeat311

14.2.3背景图像滚动——background-attachment312

14.2.4图像位置——background-position314

14.3背景的复合属性——background316

第15章 CSS控制边框和边界的显示效果318

15.1边框的线条样式318

15.1.1上边框线条样式——border-top-style318

15.1.2下边框线条样式——border-bottom-style320

15.1.3左边框线条样式——border-left-style322

15.1.4右边框线条样式——border-right-style324

15.1.5设置边框的线条样式——border-style325

15.2边框的颜色327

15.2.1上边框的颜色——border-top-color327

15.2.2下边框的颜色——border-bottom-color329

15.2.3左边框的颜色——border-left-color331

15.2.4右边框的颜色——border-right-color333

15.2.5设置边框颜色——border-color335

15.3边框的宽度337

15.3.1上边框的宽度——border-top-width337

15.3.2下边框的宽度——border-bottom-width339

15.3.3左边框的宽度——border-left-width341

15.3.4右边框的宽度——border-right-width343

15.3.5设置边框的宽度——border-width345

15.4单独设置各个边框的样式347

15.4.1上边框——border-top347

15.4.2左边框——border-left349

15.4.3下边框——border-bottom351

15.4.4右边框——border-right353

15.5设置边框整体效果——border354

15.6边界属性356

15.6.1上边界属性——margin-top357

15.6.2右边界属性——margin-right358

15.6.3下边界属性——margin-bottom360

15.6.4左边界属性——margin-left362

15.6.5边界复合属性——margin364

15.7元素的补白365

15.7.1顶部补白——padding-top366

15.7.2左侧补白——padding-left367

15.7.3右侧补白——padding-right369

15.7.4底部补白——padding-bottom370

15.7.5补白复合属性——padding371

第16章 CSS控制元素的定位与布局374

16.1元素的定位374

16.1.1定位属性——position374

16.1.2上边偏移——top376

16.1.3左边偏移——left377

16.1.4右边偏移——right379

16.1.5下边偏移——bottom381

16.1.6层叠定位——z-index382

16.2元素的布局384

16.2.1浮动属性——float385

16.2.2清除浮动属性——clear386

16.2.3内容剪切属性——clip388

16.2.4控制溢出内容——overflow389

16.2.5水平溢出——overflow-x391

16.2.6垂直溢出——overflow-y393

16.3元素的显示方式——display395

16.4可见属性——visibility398

第17章 其他CSS显示效果401

17.1控制光标显示效果——cursor401

17.2控制滚动条显示403

17.2.1滚动条滑块颜色——scrollbar-face-color404

17.2.2滚动条箭头颜色——scrollbar-shadow-color406

17.2.3滚动条拖动区颜色——scrollbar-track-color407

17.2.4滚动条亮边框颜色——scrollbar-highlight-color409

17.2.5滚动条阴影颜色——scrollbar-shadow-color411

17.2.6滚动条基准颜色——scrollbar-base-color413

第18章 滤镜416

18.1颜色渐变——Gradient416

18.2不透明度——alpha418

18.3模糊效果——blur420

18.4色度滤镜——chroma422

18.5光晕效果——glow423

18.6阴影效果——shadow424

18.7图像灰度效果——gray426

18.8图像反相效果——invert427

18.9下拉阴影效果——dropshadow429

18.10水平翻转和垂直翻转效果——flipH、flipV430

18.11 X光片效果——xray432

18.12波形滤镜——wave433

18.13图像调整——Basiclmage434

18.14图像加载滤镜——AlphaImageLoader436

18.15滑动门滤镜——Barn438

18.16百叶窗滤镜——Blinds440

18.17国际象棋滤镜——CheckerBoard442

18.18渐隐滤镜——Fade444

18.19抽离滤镜——Slide446

18.20对角扩张滤镜——Inset448

18.21随机线条滤镜——RandomBars450

18.22随机溶解滤镜——RandomDissolve452

18.23擦地板滤镜——Zigzag454

18.24风车滤镜——Wheel455

18.25伸缩变形滤镜——Stretch457

18.26彩色拼缀效果——Pixelate459

18.27放射状擦除滤镜——RadialWipe461

附录464

附录A CSS各属性适应的浏览器464

附录B HTML标记参考470

附录C CSS属性列表479

附录D HTML中支持的颜色名称485