一起感受HTML5和CSS3的能量[译](2)
作者:暴风彬彬 来源:彬Go 时间:2009-09-04 16:29:00
跟class属性说再见,欢迎整洁的标签
结合了富有新的语义化标记的HTML5,CSS3为web设计师们的网页提供了神一般的力量。有了HTML5的能量,我们将得到更多的对文档代码的控制权,有了CSS3的能量,我们的控制权将趋于无穷大!
即使没有那些高级的CSS选择器,我们仍然可以通过强大的HTML5条调用不同的容器而不劳驾class和id这类属性。像以往的DIV布局,我们在css中可能要这样调用:
div#news {}
div.section {}
div.article {}
div.header {}
div.content {}
div.footer {}
div.aside {}
我们再来看看基于HTML5的实例:
section {}
article {}
header {}
footer {}
aside {}
这是个进步,但仍有一些问题需要解决。在<div>实例中,我们需要通过class或id属性来调用页面中的元素。这种逻辑将允许我们将样式应用到文档中的任何一个元素上,无论是整体还是个体。例如在<div>实例中,.section 和 .content元素很容易定位。但是在HTML5实例中,实际文档中会有很多个section元素。其实我们可以添加一些特定的属性选择器来调用那些不同的section元素,不过谢天谢地,我没现在可以用少量的高级CSS选择器来定位不同的section元素。
标签:Web,html5.css3,语义化
0
投稿
猜你喜欢
十个简单好用的设计技巧[译]
2009-04-08 12:56:00
SQL Server应用程序的高级Sql注入
2009-04-11 16:54:00
SQL Server密码管理的六个危险判断
2008-10-23 13:57:00
如何优化JavaScript脚本的性能
2008-02-19 21:47:00
网页设计进阶之一 (步骤和大局观)
2008-08-23 10:39:00
accept-charset与Header P3P
2009-04-01 18:43:00
《用户体验的要素》摘记
2008-08-04 17:59:00
js加密页面代码生成器
2007-10-12 13:40:00
H1标签的定义
2008-07-29 12:43:00
如何把IP表存到SQL数据库里去?
2009-11-02 20:21:00
网页iframe元素应用浅析
2009-04-11 18:11:00
十几行的超简日历组件(兼容FF)js源码
2010-08-08 08:49:00
树型结构在ASP中的简单解决
2007-10-07 12:52:00
网页对联广告代码效果大全
2007-10-25 23:16:00
在javascript中如何取整?
2009-06-07 18:34:00
怎么样用xmlhttp读取远程xml的数据
2008-10-11 13:52:00
如何使用SQL Mail收发和自动处理邮件?
2010-05-16 15:10:00
ORACLE 报警日志如何查看?第1/2页
2009-07-02 12:06:00
JQUERY新手学习笔记
2008-09-28 12:43:00
js键盘事件全面控制
2008-02-21 12:51:00