- 1、本文档共7页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
HTML5 CSS3简要教程【HTML5 CSS3培训教程】Web 设计师可以使用HTML4和CSS2.1完成一些很酷的东西。我们可以在不使用陈旧的基于table布局的基础上完成文档逻辑结构并创建内容丰富的网站。 我们可以在不使用内联font和br标签的基础上对网站添加漂亮而细腻的风格样式。事实上,我们目前的设计能力已经让我 们远离了那个可怕的浏览器战争时代、专有协议和那些充满闪动、滚动和闪烁的丑陋网页。虽然我们现在已经普遍使用了HTML4和CSS2.1,但是我们还可以做得更好!我们可以重组我们代码的结构并能让我们的页面代码更富有语义化特性。我们 可以缩减带给页面美丽外观样式代码量并让他们有更高的可扩展性。现在,HTML5和CSS3正跃跃欲试的等待大家,下面就跟来看看是否真的能让我们 的设计提升到下一个高度吧…跟div说再见,欢迎语义化标签曾经,设计师们经常会跟频繁使用基于table的没有任何语义的布局。不过最终还是要感谢像Jeffrey Zeldman和Eric Meyer这样的思想革新者,聪明的设计师们慢慢的接受了相对更语义化的div布局替代了table布局,并且开始调用外部样式表。但不 幸的是,复杂的网页设计需要大量不同的标签结构代码,我们把它叫做“div-soup” 综合症。也许你很熟悉下面的代码:divid=”news”divclass=”section”divclass=”article”divclass=”header”h1Div Soup Demonstration/h1pPosted on July 11th, 2009/p/divdivclass=”content”pLorem ipsum text blah blah blah./ppLorem ipsum text blah blah blah./ppLorem ipsum text blah blah blah./p/divdivclass=”footer”pTags: HMTL, code, demo/p/div/divdivclass=”aside”divclass=”header”h1Tangential Information/h1/divdivclass=”content”pLorem ipsum text blah blah blah./ppLorem ipsum text blah blah blah./ppLorem ipsum text blah blah blah./p/divdivclass=”footer”pTags: HMTL, code, demo/p/div/div/div /div尽管这有些勉强,但上面这个实例还是可以说明使用HTML4对一个复杂的设计进行代码化后依然过于臃肿(其实xHTML1.1也不过如此)。不过值 得激动的是,HTML5解决“div-soup” 综合症并带给我们一套新的结构化元素。这些新的HTML5元素富有更细致的语义从而代替了那些毫无语义的div标签,并同时为CSS的调 用提供了”自然”的CSS钩子。下面是兄弟连()HTML5课程的解决方案实例:sectionsectionarticleheaderh1Div Soup Demonstration/h1pPosted on July 11th, 2009/p/headersectionpLorem ipsum text blah blah blah./ppLorem ipsum text blah blah blah./ppLorem ipsum text blah blah blah./p/sectionfooterpTags: HMTL, code, demo/p/footer/articleasideheaderh1Tangential Information/h1/headersectionpLorem ipsum text blah blah blah./ppLorem ipsum text blah blah blah./ppLorem ipsum text blah blah blah./p/sectionfooterpTags: HMTL, code, demo/p/footer/aside/section /section正如我们所见,HTML5可以让我们用很多更语义化的结构化代码标签代替那些大量的无意义的div标签。这种语义化的特性不仅提升 了我们网页的质量和语义,并且大量减少了曾经代码中用于CSS必须调用的class和id属性。事实上,CSS3也是可以然通过我们忽略掉所有 class和id的。正如我们所见,HTML5可以让我们用很多更语义化的结构化代码标签代替那些大量的无意义的标签。这种语义化的特性不仅提升了我们网页的质量和语义
您可能关注的文档
- CA6140拨叉[831005].doc
- CA6140车床拨叉[831002]加工工艺及25H7孔加工钻床夹具设计.doc
- CA6140车床拨叉》零件的机械加工工艺规则及工艺装备.doc
- CAD2004建筑部分笔记-21个课时.doc
- CAD使用经验个人及快捷键.doc
- CAD和WORD-EXCEL之间的图形或表格相互复制的方法.doc
- CAD图形或表格复制到WORD-EXCEL具体步骤.doc
- CAD常用快捷键.保存.doc
- CAD的使用规则[重要].doc
- CARD.1模板程序使用手册8.2版本.doc
- 专题24与圆有关的压轴题-三年(2020-2022)中考数学真题分项汇编(全国通用)(原卷版+解析).docx
- 高考语文一轮复习讲练测(新教材新高考)(七)写作(测)(原卷版+解析).docx
- 高考语文一轮复习讲练测(新教材新高考)(五)名篇名句默写(测)(原卷版+解析).docx
- 高考语文一轮复习基础考点+新题训练2专题62文学类文本常设考点:分析结构概括主题(提升训练)(原卷版+解析).docx
- 专题262020-2021学年浙教版七年级下册期末模拟(二)-2020-2021学年七年级数学下册同步易错题精讲精练(浙教版)(原卷版+解析).docx
- 专项11二次函数与几何综合-面积问题(原卷版+解析).docx
- 高考语文一轮复习讲练测(新教材新高考)第03讲文言文概括分析题(练)(原卷版+解析).docx
- 高考语文一轮复习讲练测(新教材新高考)第02讲辨析和修改病句(练)(原卷版+解析).docx
- 专题26动点综合问题-三年(2020-2022)中考数学真题分项汇编(全国通用)(原卷版+解析).docx
- 高考语文一轮复习讲练测(新教材新高考)(一)非连续性文本阅读(测)(原卷版+解析).docx
文档评论(0)