脑动力 html+css标签速查效率手册[刘丽霞

  • 正文概述
  • 介绍:
    Html是所有网页制作技术的核心和基础,也是每个网页制作者必须掌握的基本知识。css是用于控制网页内容显示效果的一种标记语言,可以制作更美观的页面。两者在网页设计中不可或缺。
    《脑动力:HTML+CSS标签速查效率手册》共分18章,前10章主要介绍了HTML标签和相关属性,包括文字、排版、列表、超链接、多媒体、表格、表单、框架等知识点。后8章介绍了CSS属性的详细用法和示例代码,包括文本显示、列表显示、链接显示、文字背景、元素定位滤镜等知识点。
    《脑动力:HTML+CSS标签速查效率手册》语言简洁,内容丰富,适合网页设计与制作人员、网站建设开发人员、大中专院校相关专业的学生、个人网站制作爱好者阅读。

    目录:
    《脑动力HTML+CSS标签速查效率手册》
    第1章 理解HTML        1
    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 页面背景色——bgcolor        14
    2.4.2 文字颜色——text        15
    2.4.3 背景图片——background        16
    2.4.4 链接文字——link        17
    2.4.5 页面边距——margin        18
    2.5 元信息标签——<meta>        19
    2.5.1 设置网页编码信息        20
    2.5.2 设置网页的定时跳转        22
    2.5.3 设定网页缓存过期时间        24
    2.5.4 禁止从缓存中调用        25
    2.5.5 删除过期的cookie        26
    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、size        41
    3.4.3 水平线的颜色——color        42
    3.4.4 水平线的对齐方式——align        43
    3.4.5 去掉水平线阴影——noshade        44
    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 字体——face        54
    4.2.2 文字颜色——color        55
    4.2.3 字号——size        56
    4.2.4 粗体、斜体、下画线、删除线——strong、em、u、strike        57
    4.2.5 上标与下标——<sup>、<sub>        59
    4.2.6 等宽文字标签——<code>        60
    4.3 空格——         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 有序列表的序号类型——type        69
    5.1.3 有序列表的起始数值——start        70
    5.2 无序列表(Unordered Lists)        72
    5.2.1 无序列表标签——<ul>        72
    5.2.2 无序列表的符号类型——type        73
    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 设置媒体文件自动运行——autostart        106
    7.1.4 设置媒体文件的循环播放——loop        108
    7.1.5 隐藏媒体播放面板——hidden        109
    7.1.6 添加flash动画文件        110
    7.2 动态文字        111
    7.2.1 滚动文字标签——<marquee>        111
    7.2.2 滚动方向属性——direction        112
    7.2.3 滚动方式——behavior        114
    7.2.4 滚动循环——loop        115
    7.2.5 滚动文字的背景颜色——bgcolor        116
    7.2.6 滚动文字的背景大小——width、height        117
    7.2.7 滚动速度——scrollamount        118
    7.2.8 滚动延迟——scrolldelay        119
    7.2.9 滚动空间——hspace、vspace        120
    7.3 网页背景音乐        121
    7.3.1 背景音乐——bgsound        122
    7.3.2 背景音乐的循环播放次数——loop        123
    7.4 图像格式        123
    7.5 插入图像——<img>        124
    7.6 图像属性设置        125
    7.6.1 图像描述文字——alt        125
    7.6.2 图像的边框——border        127
    7.6.3 图像的大小——width、height        128
    7.6.4 图像的间距——hspace、vspace        129
    7.6.5 图像的相对对齐方式——align        130
    第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 表格宽度——width        137
    8.1.5 表格高度——height        139
    8.1.6 表格的边框宽度——border        141
    8.1.7 表格边框颜色——bordercolor        142
    8.1.8 表格的单元格间距——cellspacing        144
    8.1.9 表格的单元格边距——cellpadding        146
    8.1.10 表格背景色——bgcolor        147
    8.1.11 表格的背景图像——background        149
    8.1.12 表格的对齐方式——align        150
    8.1.13 表格标题的垂直对齐方式——valign        152
    8.2 表格的行属性        154
    8.2.1 行高——height        154
    8.2.2 行边框颜色——bordercolor        155
    8.2.3 行背景色——bgcolor        157
    8.2.4 行文字的水平对齐方式——align        158
    8.2.5 行文字的垂直对齐方式——valign        159
    8.3 单元格属性        161
    8.3.1 单元格大小——width、height        161
    8.3.2 跨列属性——colspan        163
    8.3.3 跨行属性——rowspan        164
    8.3.4 对齐方式——align、valign        166
    8.3.5 单元格的背景色——bgcolor        167
    8.3.6 单元格的边框颜色——bordercolor        169
    8.3.7 单元格的亮边框颜色——bordercolorlight        170
    8.3.8 单元格的暗边框颜色——bordercolordark        171
    8.3.9 单元格的背景图像——background        173
    8.3.10 单元格内容不换行——nowrap        175
    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 表单名称——name        187
    9.1.2 表单提交地址——action        187
    9.1.3 传送方式——method        188
    9.1.4 编码方式——enctype        189
    9.1.5 目标显示方式——target        190
    9.2 添加表单对象        191
    9.2.1 文本框——text        191
    9.2.2 密码框——password        193
    9.2.3 按钮——button        194
    9.2.4 提交按钮——submit        195
    9.2.5 重置按钮——reset        197
    9.2.6 单选按钮——radio        199
    9.2.7 复选按钮——checkbox        201
    9.2.8 图像按钮——image        202
    9.2.9 隐藏域——hidden        203
    9.2.10 文件域——file        204
    9.2.11 文本域——textarea        205
    9.2.12 下拉菜单——select、option        207
    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 水平分割窗口——rows        217
    10.5.2 垂直分割窗口——cols        219
    10.5.3 嵌套分割窗口        220
    10.5.4 框架集边框宽度——framespacing        221
    10.5.5 框架集边框颜色——bordercolor        222
    10.6 框架和浮动框架的属性        223
    10.6.1 名称属性——name        224
    10.6.2 页面源文件——src        224
    10.6.3 边框属性——frameborder        226
    10.6.4 滚动条属性——scrolling        227
    10.6.5 边框与页面内容的水平间距——marginwidth        228
    10.6.6 边框与页面内容的垂直边距——marginheight        230
    10.6.7 普通框架禁止调整窗口大小——noresize        231
    10.6.8 浮动框架对齐属性——align        232
    10.6.9 浮动框架大小——width、height        233
    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-family        264
    12.1.2 设置字体大小——font-size        266
    12.1.3 设置斜体效果——font-style        267
    12.1.4 设置加粗字体——font-weight        268
    12.1.5 设置英文大写——font-variant        270
    12.1.6 文本转换大小写——text-transform        271
    12.1.7 字体复合属性——font        272
    12.1.8 字内换行——word-break        274
    12.1.9 超过容器边界时的换行——word-wrap        275
    12.1.10 设置文字修饰——text-decoration        276
    12.1.11 单词间隔——word-spacing        278
    12.1.12 字符间隔——letter-spacing        279
    12.1.13 字体颜色——color        280
    12.2 控制文本显示效果        282
    12.2.1 文本的水平对齐——text-align        282
    12.2.2 垂直对齐——vertical-align        283
    12.2.3 文本方向与排序——direction与unicode-bidi        285
    12.2.4 文本书写模式——writing-mode        287
    12.2.5 文本溢出——text-overflow        288
    12.2.6 文本流向——layout-flow        290
    12.2.7 文本缩进——text-indent        291
    12.3 其他文本效果        292
    12.3.1 文本行高——line-height        292
    12.3.2 处理空白——white-space        294
    第13章 CSS控制列表元素和链接的显示        296
    13.1 列表元素的显示        296
    13.1.1 列表符号——list-style-type        296
    13.1.2 列表图像符号——list-style-image        298
    13.1.3 列表标记位置——list-style-position        300
    13.1.4 列表综合属性——list-style        301
    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-color        308
    14.2 设置背景图像        309
    14.2.1 背景图像——background-image        309
    14.2.2 背景图像的平铺——background-repeat        311
    14.2.3 背景图像滚动——background-attachment        312
    14.2.4 图像位置——background-position        314
    14.3 背景的复合属性——background        316
    第15章 CSS控制边框和边界的显示效果        318
    15.1 边框的线条样式        318
    15.1.1 上边框线条样式——border-top-style        318
    15.1.2 下边框线条样式——border-bottom-style        320
    15.1.3 左边框线条样式——border-left-style        322
    15.1.4 右边框线条样式——border-right-style        324
    15.1.5 设置边框的线条样式——border-style        325
    15.2 边框的颜色        327
    15.2.1 上边框的颜色——border-top-color        327
    15.2.2 下边框的颜色——border-bottom- color        329
    15.2.3 左边框的颜色——border-left- color        331
    15.2.4 右边框的颜色——border-right- color        333
    15.2.5 设置边框颜色——border-color        335
    15.3 边框的宽度        337
    15.3.1 上边框的宽度——border-top-width        337
    15.3.2 下边框的宽度——border-bottom-width        339
    15.3.3 左边框的宽度——border-left-width        341
    15.3.4 右边框的宽度——border-right-width        343
    15.3.5 设置边框的宽度——border-width        345
    15.4 单独设置各个边框的样式        347
    15.4.1 上边框——border-top        347
    15.4.2 左边框——border-left        349
    15.4.3 下边框——border-bottom        351
    15.4.4 右边框——border-right        353
    15.5 设置边框整体效果——border        354
    15.6 边界属性        356
    15.6.1 上边界属性——margin-top        357
    15.6.2 右边界属性——margin-right        358
    15.6.3 下边界属性——margin-bottom        360
    15.6.4 左边界属性——margin-left        362
    15.6.5 边界复合属性——margin        364
    15.7 元素的补白        365
    15.7.1 顶部补白——padding-top        366
    15.7.2 左侧补白——padding-left        367
    15.7.3 右侧补白——padding-right        369
    15.7.4 底部补白——padding-bottom        370
    15.7.5 补白复合属性——padding        371
    第16章 CSS控制元素的定位与布局        374
    16.1 元素的定位        374
    16.1.1 定位属性——position        374
    16.1.2 上边偏移——top        376
    16.1.3 左边偏移——left        377
    16.1.4 右边偏移——right        379
    16.1.5 下边偏移——bottom        381
    16.1.6 层叠定位——z-index        382
    16.2 元素的布局        384
    16.2.1 浮动属性——float        385
    16.2.2 清除浮动属性——clear        386
    16.2.3 内容剪切属性——clip        388
    16.2.4 控制溢出内容——overflow        389
    16.2.5 水平溢出——overflow-x        391
    16.2.6 垂直溢出——overflow-y        393
    16.3 元素的显示方式——display        395
    16.4 可见属性——visibility        398
    第17章 其他CSS显示效果        401
    17.1 控制光标显示效果——cursor        401
    17.2 控制滚动条显示        403
    17.2.1 滚动条滑块颜色——scrollbar-face- color        404
    17.2.2 滚动条箭头颜色——scrollbar- shadow-color        406
    17.2.3 滚动条拖动区颜色——scrollbar- track-color        407
    17.2.4 滚动条亮边框颜色—— scrollbar-highlight-color        409
    17.2.5 滚动条阴影颜色——scrollbar- shadow-color        411
    17.2.6 滚动条基准颜色——scrollbar-base-color        413
    第18章 滤镜        416
    18.1 颜色渐变——Gradient        416
    18.2 不透明度——alpha        418
    18.3 模糊效果——blur        420
    18.4 色度滤镜——chroma        422
    18.5 光晕效果——glow        423
    18.6 阴影效果——shadow        424
    18.7 图像灰度效果——gray        426
    18.8 图像反相效果——invert        427
    18.9 下拉阴影效果——dropshadow        429
    18.10 水平翻转和垂直翻转效果——flipH、flipV        430
    18.11 X光片效果——xray        432
    18.12 波形滤镜——wave        433
    18.13 图像调整——BasicImage        434
    18.14 图像加载滤镜——AlphaImageLoader        436
    18.15 滑动门滤镜——Barn        438
    18.16 百叶窗滤镜——Blinds        440
    18.17 国际象棋滤镜——CheckerBoard        442
    18.18 渐隐滤镜——Fade        444
    18.19 抽离滤镜——Slide        446
    18.20 对角扩张滤镜——Inset        448
    18.21 随机线条滤镜——RandomBars        450
    18.22 随机溶解滤镜——RandomDissolve        452
    18.23 擦地板滤镜——Zigzag        454
    18.24 风车滤镜——Wheel        455
    18.25 伸缩变形滤镜——Stretch        457
    18.26 彩色拼缀效果——Pixelate        459
    18.27 放射状擦除滤镜——RadialWipe        461
    附录        464
    附录A CSS各属性适应的浏览器        464
    附录B HTML标记参考        470
    附录C CSS属性列表        479
    附录D HTML中支持的颜色名称        485

    本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 330879038@qq.com 举报,一经查实,本站将立刻删除。
    优品资源 » 脑动力 html+css标签速查效率手册[刘丽霞
    赞助VIP 享更多特权,建议使用 QQ 登录
    喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡