codecamp

5.7 放眼未来

5.7 放眼未来



World Wide Web组织自规定了样式表标准之后并未止步不前。甚至在主要的几种浏览器尚未完全支持CSS功能时,CSS2已经在酝酿之中。CSS2的标准已经制定。而接下来的问题只是:5.0版本的浏览器是否会支持CSS2。

以下简要介绍CSS的新增功能:


对CSS1的调整


CSS属性中又加了几项,比如icon将意味着文字内容的尺寸应符合计算机正在使用的icon文字的尺寸。定义选择器(selector)和情景选择器(contextual selector)的方法也将更加灵活。


新增的“绝技”


新的文字阴影属性将会受到大家的欢迎。


想使鼠标滑过某一链接时鼠标显示的手形有所改变吗?你可以使用光标属性设定鼠标显示的不同形状。


记得我们怎样用 A:active来设定用户点击链接文字时的属性吗?:hover将使我们能够实现当鼠标移到文字上面时就改变文字显示。很酷吧!


这些只是未来CSS的几种小把戏。


控制表格


我们设计网页布局时总是要用到表格,学习完本课程之后,我们还可以用CSS来设计网页布局。如果利用CSS能更好地控制表格,那该有多好。是的,它能够做到。

此外,你还能够控制文件打印时的分页,你还可以制定某些打印指令。

你还有可能实现通过声控系统进入你的网页。诸如voice-family和speech-rate等属性将设定如何将你的网页内容用声音自动朗读出来。


5.5 叠放文字和图象
5.8 第5日的练习
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }