快速业务通道

CSS教程:CSS3新功能和新特性

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-02-25
ax-height/min-height等属性限制其调整的范围。


Outline
Outlines已经在CSS3中得到了扩展,它包含了outline-offset属性。这个属性允许设置渲染轮廓线时向外位移的量。比如:

 

Code:
outline: 2px solid blue;
outline-offset: 12px;

 

 这一特性目前已经在Opera、Safari、Firefox下得以实现。


CSS3结点属性(Attribute)选择器
在W3C 2005年12月的草案中描述:

  引用:


6.3.2 属性选择器的部分值匹配
我们提供了三个属性选择器用以部分匹配其属性值
[att^=val]代表att属性值包含“val”前缀的元素
[att$=val]代表att属性值包含“val”后缀的元素
[att*=val]代表att属性值包含“val”的元素
属性值必须是标示符或字符串。属性名在选择其中是否大小写敏感取决于文档语言。


Media Queries
CSS2增加了media="screen"的支持,通过这种方式我们定义了显示数据用的样式表。CSS3增加了一个这方面的新的特性,即media queries。
基本上,这意味着你可以基于不同的宽高的视图区域改变样式表。在更广泛的领域中,这代表着规范中提到的:“通过使用Media Queries,其表现可以针对不同规格的输出设备表现出不同的内容。”
下面是有关min-width和max-width的两个测试,当前只在Safari 3、Opera和Firefox 3.1 (Alpha)中可用。无论如何这是未来的Web开发,它使得我们可以很轻松的同时在移动或传统设备中生成各自的页面。

 

Code:
@media all and (min-width: 640px) { #media-queries-1 { background-color: #0f0; } } @media screen and (max-width: 2000px) { #media-queries-2 { background-color: #0f0; } }

 



Multi-column layout
W3C提供了把文本按照报纸一样按列排版的方式。Multi-column layout自成一个模块。它允许Web开发者通过两种方式把文字填到栏目中:定义每列的宽度或定义列数。第一种方式可以由column-width属性完成,第二种方

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号