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

电子版仅供预览,支持正版,喜欢的请购买正版书籍:《HTML5+CSS3网页布局和样式精粹》5内容简介部拼吾对于初入门的网页设计者和开发者而言,学习网页设计和开发就应该从HMLS和CS3开始,这是庸參置疑的。对于有经验的工程师来说,如果想完整掌握HTML和CS3新技术,那么本书是最合适不过的。本书包含 HTML和CSS3两部分,除了完整包含HTML5所有元素以及两种语法格式的详细介绍外,还包含CSS3所有语法和样式属性的详细介绍这些功能介绍都是按照w3C的标准要求进行的,并附有详细的范例,侧重于实战,并提供各种浏览器兼容性指南,以帮助用户深入理解。本书修复了当前普遍存在的错误认识,对用户来说是一个福音本书适用于网页开发人员和设计人员,可作为大中专院校的教材。本书封面贴有清华大学出版社防伪标签,无标签者不得销售。版权所有,侵权必究。侵权举报电话:010-6278298913701121933图书在版编目(c|P)数据HTML.5CSS3网页布局和样式精粹张亚飞编著.一北京:清华大学出版社,20119ISBN978-7-302-26183-4L.①H…I.①张…Ⅲ.①超文本标记语言,HTML5-程序设计②网页制作工具,CSS3IV.①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元产品编号;043203015辑吾爱前PrefaceWeb标准就是互联网的未来。关于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的、基础的正确认知326为文档添加注释271.1什么是标签语言……27关于空白和空白字符…2712什么是SGML…27.1关于断行符…28121SGML的应用…5272空白字符…28122SGML的目标巩固与自测.129123SGML的优点…第3章HTML文档的头部和元数据13HTML和CsS的历史…,非,,定义31131HTML和CSS规范的31定义标题( title元素)…32制定者—W3C.1732132HTML的历史版本832怎样定义元数据,13.3CSS的历史版本,321定义元数据关健字…329134标准、规范和实现…10322元数据的语言信息…32巩固与自测323元数据的其他定义方法33用于搜索引擎的标准元数据和第2章HTML文档编写规范和基本用于web应用程序标示的标结构.…13准元数据…,,着,,非·自,非3321创建第一个网页1433.1定义编辑工具…13422HTML文档的基本结构…1733.2定义关键字,,,,,,,,,,,.,3422.1文档类型声明…17333定义概要描述3422.2标签对334定义应用程序名…1342,23标签对.1734声明文档字符编码3522.4标签对…1835实用元数据(属性http-equiv).3523使用HTML5元素和属性1835.1设置网页内容类型和字符集.3523.1标签183.52设置网页所使用的语言36232元素和元素的形式……193.53设置网页定时跳转…36233属性的定义….203.54设置网页 Cookie存活时间..36234属性值的定义…203.55设置网页默认样式表…36235元素和属性的大小写规范∴.2135.6设置网页禁用浏览器缓存…3724全局属性…23.57设置网页到期…3725字符引用358设置网页框架目标…38251字符数字引用26359设置网页转场效果38EImM5+Cs3两黄布局和得其特样普时3.510设置网页分级513解说列表(d元素、t元素《勰512无序列表(山元素)…)巩固与自测39第4章段落与文字…dd元素)…9,,,非,,,,着,,,,,,·,41514嵌套列表…….4.1段落和行“““4252自定义有序列表,604.11段落(p元素)…·,,····,,,里·,.,,,142wote4.1.2控制换行(br元素和wbr52定制有序列表中的序号元素)…(type属性)….264.1.3连字符….43522定制有序列表中的列表项4.14预格式化文本(pre元素)…43的起始数( start属性)….614.2标记文章改变(ins元素和del523反转序号值( reversed属性)…元素)…4非,非;524定制有序列表中的列表项4.3基本文字格式(i,b,序号的数值( value属性)62small, S)...45巩固与自测4.3.1smal元素……464.32s元素…46第6章建立超链接.……6544加入水平分割线(hr元素)…4761链接的基础知识……16645语义化、结构化的文本……4762使用a元素定义超链接4.5.1用于强调的短语元素(em62.1定义链接的目标URI元素和 strong元素)48(href属性)4.5.2下标和上标(sub元袁、su62.2定义链接的目标窗口元素)( target属性)∴453注音显示(nuby、r、623定义链接的提示信息元素)…tle属性)68454引用( blockquote元素、q624国际化和链接( hreflang元素)……0属性)……….684.5.5标注(cite元素)…51625链接到电子邮件地址……4.5.6用于缩写的短语元素(abbr626链接到任何类型的文件以元素)…5供下载4.5.7用于定义术语的元素(dfn627链接关系(rel属性)元素)…62.8链接介质( media属性)∴….7045.8用于定义计算机代码片段的6.3定义书签和链接到书签……71元素(code元素)63.1定义命名锚点(id属性).….724.59其他短语元素(samp、kb632链接到命名锚点………73var元素)4.5.10突出显示文本(mark64文档关系链接(link元素)…173元素64.1定义文档关系链接的地址4.5.l1定义日期时间(time(href属性元素)…1564.2定义链接关系(rel属性)∴73巩固与自测5564.3链接到外部样式表756444使用link元素说明文档集合第5章建立列表57关系17551创建列表…64.5链接到替代版本511有序列表(ol元素)5864.6链接到版杈声明785最8647链接到帮助………18巩固与自测.648为文档指示一个图标,,,着,,649使用 pingback实现引用计数…79第9章链入内联框架、对象和其他你螺6410声明可作为搜索的资源…多媒体元素10765定义基准地址(base元素)…891内联框架( iframe元素)∴…10861使用基准URI中中干围带809.l.1设置框架的初始内容………1086.52用户浏览器如何决定相对912为框架定义标识以作为NoteURI81目标框架(nane属性)….109653定义基准链接目标窗口91.3目标的优先级110target属性)…914目标名称和框架标识…110巩固与自测.915沙盒安全限制……11第7章链入图片和创建热点区域9.1.6无缝嵌入………1128571链入图片(img元素)…18692使用 object元素链入对象……127.1.1图片的源地址(sr属性)…!6921使用通用的链入方法( object元素)…1127.1.2图片的幅面大小(widh属性和 height属性)…922渲染对象的规则…113713图片的说明( title属性)….!8792.3内联数据vs外部数据……1147.14图片的备用说明(alt属性)924对象初始化( param元素)…11572使用 figure元素和 figcaption92对象的宽度和高度…16926定义替换文本116元素为图片声明标题,,,着·,,,d.8873为图片建立超链接(img93使用 object元素创建图像映射.116元素)…9094使用 embed元素链入多媒体74创建图像映射…对象…16界巩固与自测.117741了解热点和图像映射.9074.2关于客户端图像映射和第10章使用表格……119服务端图像映射……9110.1创建表格…12074.3创建图像映射(map元素、10.1.1创建表格的基本语法( tablearea元素)……91元素、tr元素、th元素744创建服务端图像映射td元素)12074.5客户端图像映射和服务端10..2表格的描述( summary图像映射混合…95属性)…121巩固与自测…96102·表格的标题( caption元素).121第8章HTML5视频和音频9910.3设置单元格(th元素、td81在网页中使用视频vIdeo元素)……122元素..10010.31使用th元素和td元素定义81.1视频格式…100单元格……12281.2属性,,,,,,…10110.32跨多行、多列的单元格∴..124813全兼容设置…102104表格的按行分组显示 thead元素、82使用 source元素102tfot元素、tboy元素)…12683在网页中使用音频—— audio10.5表格的按列分组显示( colgroup元素……103元素、col元素)12851rMC5+CSS3网頁布局和样式精粹10.51创建列分组( colgroup元素、1113设置禁用控件和设置只读col元素),,,,,,,,,、,,,128控件10.52使用span属性指定列113.1设置禁止控件……160分组……12911.13.2设置只读控件161巩固与自测.12914表单提交161ote第11章建立HTML5新式表单131111.1表单提交的方法…161111认识和建立HTML表单…1321112表单重写属性…………162111.1建立表单(fom元素)…13211.143结果良好的控件……16311.1.2了解控件……1331144浏览器怎样发送表单数据.164112使用 Input元素创建表单控件…134114.5表单内容的类型……16411.21简单文本框.……135巩固与自测16611.2创建复选框…………136第12章在网页中使用 Java Script脚本1.2.3创建单选按钮……136语言实现动态效果…167I24创建提交按钮137112.5创建重置按钮121在HTML文档中使用脚本13811.26创建图形按钮……138代码168112.7创建普通按钮……139121.1使用 script元素定义脚本112.8创建文件选择框139代码16811.29创建隐藏控件……14012.112在事件属性值中定义脚本…170112.10执行数据验证功能的121.3在超链接中定义脚本…171控件,…140122浏览器不支持脚本时应注意112.11新功能属性……的问题172113使用 button元素创建按钮…48123关于 DHTML…173114组合框控件和列表框控件…149巩固与自测.…173114.1创建组合框控件和列表框第13章在网页上实现动态绘图—控件….150Canvas、SVG和 MathML…175114.2成组选项………151114.3关于预先选定的选项.13.1使用 Canvas绘图的基本152115创建多行文本框( textarea步骤…17613.1.1绘制第一幅图元素)……1527613.1.2理解坐标,116输入框的选项列表15313.2使用 Canvas实现动画的方法.177117密钥对生成器…15313.3使用外部元素绘图—SVG和1.8输出结果控件.154MathML…178119运行进度条控件.15513.3.使用svg元素呈现SⅤG1110等级标量条控件……155矢量图………1781.11为表单控件定义标签(abel1332使用math元素呈现 MathML元素)……157数学符号和公式……179111.1显式关联…l571333关于使用 CDATA段……1811]112隐式关联………158巩固与自测18111.2为表单添加结构( fieldset元素第14章使用结构元素构建网页布局.183和 legend元素)15914.1文档结构元素……1845目最部拼吾14.1.1文章语义— article、 header、1622 Unicode双向运算法则……205footer元素18416.23文本方向的继承…206器14.1.2内容区块语义— -section1624使用bdo元素忽略双向元素…187运算法则……20714.13侧栏和导航…1881625表格的方向208142标题和标题组合189巩固与自测209,,,143< address.>元素.,190I Note第17章丰富的交互操作功能211144浏览器兼容……191171将焦点移到某个元素上212巩固与自测.192171.1使用Tab键导航……212第15章离线网络应用程序—文件17.1.2使用热键导航213缓存193172内容可编辑…121415.1使用离线应用194173菜单21515.1.1创建离线应用网页及网页中17.31menu元素和 command要引用的资源…194元素…21515.1.2创建清单文件………1732创建上下文菜单…216,,,195151.3测试离线应用……1951733定义命令……21715.1.4更新离线存储……….195174拖放功能……21852缓存清单文件格式196175隐藏元素内容20152.1定义要缓存文件………….19717.6拼写和语法检查…211522备抵机制……198177关闭、打开式交互面板( details1523在线白名单…198元素和 summary元素)…21152.4注释巩固与自测,22巩固与自测,199第18章使用XML语法格式编写第16章HTML网页呈现和网页HTML5网页,,,,,,,,,,,,,,,,,,,,,225国际化20181使用XML语法编写HTML516.1指定文档内容的自然语言文档….226(lang属性)202182XML语法格式和HTML语法16.1.1语言代码的指定……202格式的不同…23116.1.2语言代码的继承∴…1203162定义文本和表格的方向…204183 XHTML1.0和HTML5的16.2 Unicode规范定义的文本区别235字符方向…204巩固与自测235第Ⅱ篇CSS篇第19章cSS语言基础——CSS的使用1921嵌入式241和基本语法………2391922外部引用式…24319.1创建第一个使用CSS的网页.2401923内联式……24419.2在HTML文档中应用CSs的193CSS语法书写标准及功能.246全部方法……241193.1规则块…,246VIl51.TM5+CSS3网夏市局和样式粹193.2@规则24621.6.1属性选择符2781933规则集…24821.6.2类选择符2801934注释…125021.63匹配子集,2801935字符和大小写…251217ID选择符281194关键字和字符串…25221.8伪元素和伪类…282Note194.1客户端浏览器特定的219使用cSS命名空间282扩展2522191@ namespace规则…2821942字符串…253219.2使用命名空间限定选择符∴283巩固与自测……125421.10群选择符283第20章CSs语言基础——cSs21.11选择符的大小写规定.284属性值的规范∴…2572112HTML基于节点树的表现20.1属性值的数据类型和数据形式…284单位258巩固与自测…285201.1长度( Length)…258第22章css盒子模型28720.12百分比值260221基本的BOX概念201.3关键字和字符串值…61,,,,,,288220.14颜色……1261221.1BOX幅面大小的计算221.2改变BOX幅面大小的201.5其他数据类型…26420.2函数计算方式…2902652213BOX容器29020.21a0函数….265222BOX模型样式属性……29120.22urO函数…26620.23 counterO函数222.1定义边距大小……2912682024 calcO函数…………2682222定义衬距大小292222.3定义边框一粗细、颜色、20.3属性值的计算步骤,,268样式…293203.1指定值……2692224定义边框圆角……2962032计算值…2225以9切片图片修饰边框…29720.3.3使用值……269223BOX外廓……30120.3.4实际值.269223.1对比外廓和边框301204属性的继承270223.2定义外廓的属性………301巩固与自测271224BOX阴影效果….1303第21章CSS语言基础cSS的224.1阴影的基本使用方法……303选择符语法2732242多重阴影效果…30421.1简单选择符…….2742243浏览器兼容性…………3062l1.1类型(Type)选择符…275巩固与自测…30621.1.2通用选择符275第23章cSs盒子的类型……309212派生选择符……27523.1了解块级元素和行内级元素,310213子选择符…….2762311块级元素和行内级元素的21.4相邻同级选择符……277不同…31021.5相邻同级连续选择符∴177232关于dv元素和span元素…31021.6属性选择符和类选择符……7823.2BOX类型和 display属性…11VIll.