html5、css3应用教程之跟div说beybey

html5、css3应用教程之跟div说beybey

ID:8929824

大小:37.00 KB

页数:6页

时间:2018-04-12

html5、css3应用教程之跟div说beybey_第1页
html5、css3应用教程之跟div说beybey_第2页
html5、css3应用教程之跟div说beybey_第3页
html5、css3应用教程之跟div说beybey_第4页
html5、css3应用教程之跟div说beybey_第5页
资源描述:

《html5、css3应用教程之跟div说beybey》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、HTML5、CSS3应用教程之跟DIV说Bey!Bey!Web设计师可以使用HTML4和CSS2.1完成一些很酷的东西。我们可以在不使用陈旧的基于table布局的基础上完成文档逻辑结构并创建内容丰富的网站。我们可以在不使用内联
标签的基础上对网站添加漂亮而细腻的风格样式。事实上,我们目前的设计能力已经让我们远离了那个可怕的浏览器战争时代、专有协议和那些充满闪动、滚动和闪烁的丑陋网页。  虽然我们现在已经普遍使用了HTML4和CSS2.1,但是我们还可以做得更好!我们可以重组我们代码的结构并能让我们的页面代码更富有语义化特性。我们可以

2、缩减带给页面美丽外观样式代码量并让他们有更高的可扩展性。现在,HTML5和CSS3正跃跃欲试的等待大家,下面让我们来看看他们是否真的能让我们的设计提升到下一个高度吧…曾经,设计师们经常会跟频繁使用基于table的没有任何语义的布局。不过最终还是要感谢像JeffreyZeldman和EricMeyer这样的思想革新者,聪明的设计师们慢慢的接受了相对更语义化的

布局替代了table布局,并且开始调用外部样式表。但不幸的是,复杂的网页设计需要大量不同的标签结构代码,我们把它叫做“
-soup”综合症。也许你很熟悉下面的代码:

3、ews">                          

DivSoupDemonstration

           

PostedonJuly11th,2009

        
                   

Loremipsumtextblahblahblah.

           

Loremipsumtextblahbl

4、ahblah.

           

Loremipsumtextblahblahblah.

        
                   

Tags:HMTL,code,demo

        
     
                        

TangentialInformation

        
        

5、ss="content">           

Loremipsumtextblahblahblah.

           

Loremipsumtextblahblahblah.

           

Loremipsumtextblahblahblah.

        
                   

Tags:HMTL,code,demo

               尽管这有些勉强,但上面这个实

6、例还是可以说明使用HTML4对一个复杂的设计进行代码化后依然过于臃肿(其实xHTML1.1也不过如此)。不过值得激动的是,HTML5解决“

-soup”综合症并带给我们一套新的结构化元素。这些新的HTML5元素富有更细致的语义从而代替了那些毫无语义的
标签,并同时为CSS的调用提供了”自然”的CSS钩子。下面是HTML5的解决方案实例:
  
     
        
           

DivSoupDemonstration

           <

7、p>PostedonJuly11th,2009

        
        
           

Loremipsumtextblahblahblah.

           

Loremipsumtextblahblahblah.

           

Loremipsumtextblahblahblah.

        
        
           

Tags:HMTL,code,demo

        

8、oter>     

     
当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。