|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
每个声明内只能有一个属性,如果属性值中含有空格用双引号括起来例,在一个声明块内可以有多个声明,每个声明用分号隔开。
破洛洛文章简介:iPad创立复杂的演示方针CSS的页面.
译自:iPadOrientationCSSiPad终究公布了,那末假如用款式辨别iPad和iPhone中的safari扫瞄器,JasonGrigsby做了一个有效的实行。
就尽年夜部分而言,iPad上的挪动版safari和iPhone上的事一样的。我发明的一个分歧是,iPad上的webkit撑持基于偏向(orientation)的CSS媒体查询(mediaquery)声明。
我为iPad创立了一个复杂的演示方针CSS的页面。
在CSS中利用orientation十分复杂,代码就行如许:- <linkrel=”stylesheet”media=”alland(orientation:portrait)”href=”portrait.css”><linkrel=”stylesheet”media=”alland(orientation:landscape)”href=”landscape.css”>
复制代码 在这个例子中,两个CSS文件中的独一分歧就是埋没个中的一个题目。该演示页面的HTML部分以下:- <h1id=”portrait”>You’reViewinginPortraitMode</h1><h1id=”landscape”>You’reViewinginLandscape</h1>
复制代码 portrait.css中的CSS只是复杂的埋没landscape部分的<h1>:固然,landscape.css的感化与之相反。
你能够在最新版本的Safari/Chrome和Firefox中看到这个CSS查询。复杂的改动你的扫瞄器的窗口巨细,让其高度年夜于宽度,你就可以看到效果了。
</p>
层叠样式表(CascadingStyleSheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。 |
|