HTML5+CSS3网页布局和样式精粹

所需积分/C币:37 2018-03-27 14:44:30 72.29MB PDF
收藏 收藏
举报

电子版仅供预览,支持正版,喜欢的请购买正版书籍:《HTML5+CSS3网页布局和样式精粹》
5 内容简介 部拼吾 对于初入门的网页设计者和开发者而言,学习网页设计和开发就应该从HMLS和CS3开始,这是庸參 置疑的。对于有经验的工程师来说,如果想完整掌握HTML和CS3新技术,那么本书是最合适不过的。 本书包含 HTML和CSS3两部分,除了完整包含HTML5所有元素以及两种语法格式的详细介绍外,还 包含CSS3所有语法和样式属性的详细介绍 这些功能介绍都是按照w3C的标准要求进行的,并附有详细的范例,侧重于实战,并提供各种浏览器兼 容性指南,以帮助用户深入理解。本书修复了当前普遍存在的错误认识,对用户来说是一个福音 本书适用于网页开发人员和设计人员,可作为大中专院校的教材。 本书封面贴有清华大学出版社防伪标签,无标签者不得销售。 版权所有,侵权必究。侵权举报电话:010-6278298913701121933 图书在版编目(c|P)数据 HTML.5CSS3网页布局和样式精粹张亚飞编著.一北京:清华大学出版社,20119 ISBN978-7-302-26183-4 L.①H…I.①张…Ⅲ.①超文本标记语言,HTML5-程序设计②网页制作工具,CSS3 IV.①TP312②TP393092 中国版本图书馆CIP数据核字(2011)第135623号 责任编辑:刘利民 版式设计:文森时代 责任校对:王云 责任印制:何芊 出版发行:清华大学出版社 地址:北京清华大学学研大厦A座 hp:∥www.tup.com.cn 邮编:100084 社总机:010-62770175 邮购:010-62786544 投稿与读者服务:010-62776969, C"service@ctup. tsinghua.edu,cn 质量反馈:010-62772015,zhiliang@tup.tsinghua.edu.cn 印刷者:北京鑫丰华彩印有限公司 装订者:三河市新茂装订有限公司 经销:全国新华书店 开本:185×260印张:35字数:806千字 版次:2011年9月第1版 印次:2011年9月第1次印刷 印数:1~5000 定价:62.00元 产品编号;04320301 5 辑吾爱 前 Preface Web标准就是互联网的未来。 关于HTML5 作为万维网的核心语言,HTML在经历了近十年的停滞之后终于迎来了一个新的标 准—HTML5。HML5将是下一代的Web标准,它是由各界人士共同参与制定的,如果 想赶上未来的趋势,就需要加入HTML5中来。 HTML5具有全新的、更加语义化的、合理的结构化元素,新的更具表现性的表单控 件,以及多媒体视频和音频支持,更加强大的交互操作功能,一切都是全新的 所有这一切为浏览器成为应用程序的运行平台提供了坚实的基础。现在,在浏览器中 使用HTML5实现全新的富媒体应用已经万事俱备。 关于CsS3 与此同时,作为万维网呈现功能的CSS也迎来了新的标准—CS3。CSs3以CSS21 为基础将功能进行了模块化,增加了新的样式属性,并对现存的样式属性做了部分修改。 这些新的样式属性极大地丰富了HTML的呈现功能,并可以实现动态效果,从而可以 为客户端带来更加丰富的体验。 你不能错过 HTML5和CSS3正在快速成长,所有最新版本的主流浏览器都宣布并已经开始支持它 们,其中也包括为 Android和 iPhone开发的移动浏览器。 这值得所有人密切关注,最近的一两年,会有很多公司进入这个领域。对于年轻一代 的开发者,HTML5和CSS3应当是他们的首选技能,因为它们会形成很大的市场,会有很 多公司需要这方面的人才,你一定不能错过 关于这本书 本书涵盖了W3 C HTML5规范和CSS3规范的所有内容,并根据功能进行分类,书中 包含了大量习题可用于检测学习成果,巩固所学知识。 本书作者是万维网开发的专家,也是《万维网应用程序开发纲要》的起草者。可以帮 51.C 你器 目录 Contents 第丨篇HTML篇 第1章认识HTML和CSS—建立首要 252字符实体引用……26 的、基础的正确认知 3 26为文档添加注释 27 1.1什么是标签语言…… 27关于空白和空白字符…27 12什么是SGML… 27.1关于断行符…28 121SGML的应用…5 272空白字符… 28 122SGML的目标 巩固与自测.129 123SGML的优点… 第3章HTML文档的头部和元数据 13HTML和CsS的历史… ,非,, 定义 31 131HTML和CSS规范的 31定义标题( title元素)…32 制定者—W3C.17 32 132HTML的历史版本8 32怎样定义元数据, 13.3CSS的历史版本, 321定义元数据关健字…32 9 134标准、规范和实现…10 322元数据的语言信息… 32 巩固与自测 323元数据的其他定义方法 33用于搜索引擎的标准元数据和 第2章HTML文档编写规范和基本 用于web应用程序标示的标 结构.… 13 准元数据… ,,着,,非·自,非 33 21创建第一个网页 14 33.1定义编辑工具…134 22HTML文档的基本结构…17 33.2定义关键字 ,,,,,,,,,,,., 34 22.1文档类型声明…17 333定义概要描述 34 22.2<htm|><htm>标签对 334定义应用程序名…134 2,23<head><head>标签对.17 34声明文档字符编码 35 22.4<boy><boy>标签对…18 35实用元数据(属性http-equiv).35 23使用HTML5元素和属性 18 35.1设置网页内容类型和字符集.35 23.1标签 18 3.52设置网页所使用的语言 36 232元素和元素的形式……19 3.53设置网页定时跳转…36 233属性的定义….20 3.54设置网页 Cookie存活时间..36 234属性值的定义… 20 3.55设置网页默认样式表…36 235元素和属性的大小写规范∴.21 35.6设置网页禁用浏览器缓存…37 24全局属性…2 3.57设置网页到期… 37 25字符引用 358设置网页框架目标…38 251字符数字引用 26 359设置网页转场效果 38 EI mM5+Cs3两黄布局和得其特样 普时 3.510设置网页分级 513解说列表(d元素、t元素《勰 512无序列表(山元素)…) 巩固与自测 39 第4章段落与文字… dd元素)…9 ,,,非,,,,着,,,,,,·, 41 514嵌套列表……. 4.1段落和行 “““ 42 52自定义有序列表 ,60 4.11段落(p元素)… ·,,····,,,里·,.,,,1 42 wote 4.1.2控制换行(br元素和wbr 52定制有序列表中的序号 元素)… (type属性)….26 4.1.3连字符….43 522定制有序列表中的列表项 4.14预格式化文本(pre元素)…43 的起始数( start属性)….61 4.2标记文章改变(ins元素和del 523反转序号值( reversed 属性)… 元素)…4 非,非; 524定制有序列表中的列表项 4.3基本文字格式(i,b, 序号的数值( value属性)62 small, S)... 45 巩固与自测 4.3.1smal元素……46 4.32s元素… 46 第6章建立超链接.……65 44加入水平分割线(hr元素)…47 61链接的基础知识……166 45语义化、结构化的文本……47 62使用a元素定义超链接 4.5.1用于强调的短语元素(em 62.1定义链接的目标URI 元素和 strong元素) 48 (href属性) 4.5.2下标和上标(sub元袁、su 62.2定义链接的目标窗口 元素) ( target属性)∴ 453注音显示(nuby、r、 623定义链接的提示信息 元素)… tle属性) 68 454引用( blockquote元素、q 624国际化和链接( hreflang 元素)……0 属性)……….68 4.5.5标注(cite元素)…51 625链接到电子邮件地址…… 4.5.6用于缩写的短语元素(abbr 626链接到任何类型的文件以 元素)…5 供下载 4.5.7用于定义术语的元素(dfn 627链接关系(rel属性) 元素)… 62.8链接介质( media属性)∴….70 45.8用于定义计算机代码片段的 6.3定义书签和链接到书签……71 元素(code元素) 63.1定义命名锚点(id属性).….72 4.59其他短语元素(samp、kb 632链接到命名锚点………73 var元素) 4.5.10突出显示文本(mark 64文档关系链接(link元素)…173 元素 64.1定义文档关系链接的地址 4.5.l1定义日期时间(time (href属性 元素)…15 64.2定义链接关系(rel属性)∴73 巩固与自测 55 64.3链接到外部样式表 75 6444使用link元素说明文档集合 第5章建立列表 57 关系 175 51创建列表… 64.5链接到替代版本 511有序列表(ol元素) 58 64.6链接到版杈声明 78 5 最 8 647链接到帮助………18 巩固与自测. 648为文档指示一个图标 ,,,着,, 649使用 pingback实现引用计数…79 第9章链入内联框架、对象和其他 你螺 6410声明可作为搜索的资源… 多媒体元素 107 65定义基准地址(base元素)…8 91内联框架( iframe元素)∴…108 61使用基准URI 中中干围带 80 9.l.1设置框架的初始内容………108 6.52用户浏览器如何决定相对 912为框架定义标识以作为 Note URI 81 目标框架(nane属性)….109 653定义基准链接目标窗口 91.3目标的优先级 110 target属性)… 914目标名称和框架标识…110 巩固与自测. 915沙盒安全限制……11 第7章链入图片和创建热点区域 9.1.6无缝嵌入………112 85 71链入图片(img元素)…186 92使用 object元素链入对象……12 7.1.1图片的源地址(sr属性)…!6 921使用通用的链入方法( object 元素)…112 7.1.2图片的幅面大小(widh 属性和 height属性)… 922渲染对象的规则…113 713图片的说明( title属性)….!87 92.3内联数据vs外部数据……114 7.14图片的备用说明(alt属性) 924对象初始化( param元素)…115 72使用 figure元素和 figcaption 92对象的宽度和高度…16 926定义替换文本 116 元素为图片声明标题 ,,,着·,,,d .88 73为图片建立超链接(img 93使用 object元素创建图像映射.116 元素)…90 94使用 embed元素链入多媒体 74创建图像映射… 对象…16 界 巩固与自测.117 741了解热点和图像映射 .90 74.2关于客户端图像映射和 第10章使用表格… …119 服务端图像映射……91 10.1创建表格… 120 74.3创建图像映射(map元素、 10.1.1创建表格的基本语法( table area元素)……91 元素、tr元素、th元素 744创建服务端图像映射 td元素) 120 74.5客户端图像映射和服务端 10..2表格的描述( summary 图像映射混合…95 属性)…121 巩固与自测… 96 102·表格的标题( caption元素).121 第8章HTML5视频和音频 99 10.3设置单元格(th元素、td 81在网页中使用视频 vIdeo 元素)……122 元素..100 10.31使用th元素和td元素定义 81.1视频格式…100 单元格…… 122 81.2属性, ,,,,, …101 10.32跨多行、多列的单元格∴..124 813全兼容设置…102 104表格的按行分组显示 thead元素、 82使用 source元素 102 tfot元素、tboy元素)…126 83在网页中使用音频—— audio 10.5表格的按列分组显示( colgroup 元素 ……103 元素、col元素) 128 51 r MC5+CSS3网頁布局和样式精粹 10.51创建列分组( colgroup元素、 1113设置禁用控件和设置只读 col元素) ,,,,,,,,,、,,, 128 控件 10.52使用span属性指定列 113.1设置禁止控件……160 分组 ……129 11.13.2设置只读控件 161 巩固与自测.129 14表单提交 161 ote第11章建立HTML5新式表单 131 111.1表单提交的方法…161 111认识和建立HTML表单…132 1112表单重写属性…………162 111.1建立表单(fom元素)…132 11.143结果良好的控件……163 11.1.2了解控件…… 133 1144浏览器怎样发送表单数据.164 112使用 Input元素创建表单控件…134 114.5表单内容的类型……164 11.21简单文本框.……135 巩固与自测 166 11.2创建复选框…………136第12章在网页中使用 Java Script脚本 1.2.3创建单选按钮……136 语言实现动态效果…167 I24创建提交按钮 137 112.5创建重置按钮 121在HTML文档中使用脚本 138 11.26创建图形按钮……138 代码 168 112.7创建普通按钮……139 121.1使用 script元素定义脚本 112.8创建文件选择框 139 代码 168 11.29创建隐藏控件……140 12.112在事件属性值中定义脚本…170 112.10执行数据验证功能的 121.3在超链接中定义脚本…171 控件,…140 122浏览器不支持脚本时应注意 112.11新功能属性…… 的问题 172 113使用 button元素创建按钮…48 123关于 DHTML… 173 114组合框控件和列表框控件…149 巩固与自测.…173 114.1创建组合框控件和列表框 第13章在网页上实现动态绘图— 控件….150 Canvas、SVG和 MathML…175 114.2成组选项………151 114.3关于预先选定的选项. 13.1使用 Canvas绘图的基本 152 115创建多行文本框( textarea 步骤…176 13.1.1绘制第一幅图 元素)……152 76 13.1.2理解坐标, 116输入框的选项列表 153 13.2使用 Canvas实现动画的方法.177 117密钥对生成器… 153 13.3使用外部元素绘图—SVG和 1.8输出结果控件. 154 MathML…178 119运行进度条控件 .155 13.3.使用svg元素呈现SⅤG 1110等级标量条控件……155 矢量图………178 1.11为表单控件定义标签(abel 1332使用math元素呈现 MathML 元素)……157 数学符号和公式……179 111.1显式关联… l57 1333关于使用 CDATA段……181 1]112隐式关联………158 巩固与自测 181 11.2为表单添加结构( fieldset元素 第14章使用结构元素构建网页布局.183 和 legend元素) 159 14.1文档结构元素……184 5 目最 部拼吾 14.1.1文章语义— article、 header、 1622 Unicode双向运算法则……205 footer元素 184 16.23文本方向的继承…206器 14.1.2内容区块语义— -section 1624使用bdo元素忽略双向 元素…187 运算法则……207 14.13侧栏和导航…188 1625表格的方向 208 142标题和标题组合 189 巩固与自测 209 ,,, 143< address.>元素. ,190 I Note 第17章丰富的交互操作功能 211 144浏览器兼容……191 171将焦点移到某个元素上 212 巩固与自测.192 171.1使用Tab键导航……212 第15章离线网络应用程序—文件 17.1.2使用热键导航 213 缓存 193 172内容可编辑…1214 15.1使用离线应用 194 173菜单 215 15.1.1创建离线应用网页及网页中 17.31menu元素和 command 要引用的资源…194 元素… 215 15.1.2创建清单文件……… 1732创建上下文菜单…216 ,,, 195 151.3测试离线应用……195 1733定义命令……217 15.1.4更新离线存储……….195 174拖放功能……218 52缓存清单文件格式 196 175隐藏元素内容 20 152.1定义要缓存文件………….197 17.6拼写和语法检查…21 1522备抵机制……198 177关闭、打开式交互面板( details 1523在线白名单…198 元素和 summary元素)…21 152.4注释 巩固与自测, 22 巩固与自测 ,199 第18章使用XML语法格式编写 第16章HTML网页呈现和网页 HTML5网页 ,,,,,,,,,,,,,,,,,,,,, 225 国际化 201 81使用XML语法编写HTML5 16.1指定文档内容的自然语言 文档….226 (lang属性) 202 182XML语法格式和HTML语法 16.1.1语言代码的指定……202 格式的不同…231 16.1.2语言代码的继承∴…1203 162定义文本和表格的方向…204 183 XHTML1.0和HTML5的 16.2 Unicode规范定义的文本 区别 235 字符方向…204 巩固与自测 235 第Ⅱ篇CSS篇 第19章cSS语言基础——CSS的使用 1921嵌入式 241 和基本语法………239 1922外部引用式 …243 19.1创建第一个使用CSS的网页.240 1923内联式……244 19.2在HTML文档中应用CSs的 193CSS语法书写标准及功能.246 全部方法……241 193.1规则块… ,246 VIl 51. TM5+CSS3网夏市局和样式粹 193.2@规则246 21.6.1属性选择符 278 1933规则集…248 21.6.2类选择符 280 1934注释…1250 21.63匹配子集,280 1935字符和大小写…251 217ID选择符 281 194关键字和字符串…252 21.8伪元素和伪类…282 Note 194.1客户端浏览器特定的 219使用cSS命名空间 282 扩展 252 2191@ namespace规则…282 1942字符串…253 219.2使用命名空间限定选择符∴283 巩固与自测……1254 21.10群选择符 283 第20章CSs语言基础——cSs 21.11选择符的大小写规定 .284 属性值的规范∴…257 2112HTML基于节点树的表现 20.1属性值的数据类型和数据 形式 …284 单位 258 巩固与自测…285 201.1长度( Length)…258 第22章css盒子模型 287 20.12百分比值 260 221基本的BOX概念 201.3关键字和字符串值…61 ,,,,,, 288 2 20.14颜色……1261 221.1BOX幅面大小的计算 221.2改变BOX幅面大小的 201.5其他数据类型…264 20.2函数 计算方式…290 265 2213BOX容器 290 20.21a0函数….265 222BOX模型样式属性……291 20.22urO函数…266 20.23 counterO函数 222.1定义边距大小……291 268 2024 calcO函数…………268 2222定义衬距大小 292 222.3定义边框一粗细、颜色、 20.3属性值的计算步骤 ,, 268 样式… 293 203.1指定值…… 269 2224定义边框圆角……296 2032计算值… 2225以9切片图片修饰边框…297 20.3.3使用值……269 223BOX外廓……301 20.3.4实际值 .269 223.1对比外廓和边框 301 204属性的继承 270 223.2定义外廓的属性………301 巩固与自测 271 224BOX阴影效果….1303 第21章CSS语言基础cSS的 224.1阴影的基本使用方法……303 选择符语法 273 2242多重阴影效果… 304 21.1简单选择符…….274 2243浏览器兼容性…………306 2l1.1类型(Type)选择符…275 巩固与自测 …306 21.1.2通用选择符 275第23章cSs盒子的类型……309 212派生选择符……275 23.1了解块级元素和行内级元素,310 213子选择符…….276 2311块级元素和行内级元素的 21.4相邻同级选择符……277 不同…310 21.5相邻同级连续选择符∴177 232关于dv元素和span元素…310 21.6属性选择符和类选择符……78 23.2BOX类型和 display属性…11 VIll.

...展开详情
试读 127P HTML5+CSS3网页布局和样式精粹
立即下载 低至0.43元/次 身份认证VIP会员低至7折
    抢沙发
    一个资源只可评论一次,评论内容不能少于5个字
    关注 私信 TA的资源
    上传资源赚积分,得勋章
    最新推荐
    HTML5+CSS3网页布局和样式精粹 37积分/C币 立即下载
    1/127
    HTML5+CSS3网页布局和样式精粹第1页
    HTML5+CSS3网页布局和样式精粹第2页
    HTML5+CSS3网页布局和样式精粹第3页
    HTML5+CSS3网页布局和样式精粹第4页
    HTML5+CSS3网页布局和样式精粹第5页
    HTML5+CSS3网页布局和样式精粹第6页
    HTML5+CSS3网页布局和样式精粹第7页
    HTML5+CSS3网页布局和样式精粹第8页
    HTML5+CSS3网页布局和样式精粹第9页
    HTML5+CSS3网页布局和样式精粹第10页
    HTML5+CSS3网页布局和样式精粹第11页
    HTML5+CSS3网页布局和样式精粹第12页
    HTML5+CSS3网页布局和样式精粹第13页
    HTML5+CSS3网页布局和样式精粹第14页
    HTML5+CSS3网页布局和样式精粹第15页
    HTML5+CSS3网页布局和样式精粹第16页
    HTML5+CSS3网页布局和样式精粹第17页
    HTML5+CSS3网页布局和样式精粹第18页
    HTML5+CSS3网页布局和样式精粹第19页
    HTML5+CSS3网页布局和样式精粹第20页

    试读已结束,剩余107页未读...

    37积分/C币 立即下载 >