国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS在移動網站開發的前端技術和技巧

2024-07-11 08:46:57
字體:
來源:轉載
供稿:網友

介紹

Mobile css的標準也是有些復雜的,與前一篇文章中提到的類似,之前存在著一個W3C制定的CSS Mobile Profile 1.0以及OMA的WAP CSS 1.0,事實上它們都是CSS 2.1的子集,而且內容非常接近,不同的是,WAP CSS 1.0針對移動設備加入了一些擴展,這些擴展通過-wap-前綴來實現。

后來,W3C將二者進行了整合,吸收了WAP CSS1.0的一些優點,推出了CSS Mobile Prifile 2.0規范,它也是CSS 2.1的一個子集。我們本文將主要討論這個規范。

CSS Mobile Profile 2.0中的CSS支持

因為這是CSS 2.1的一個子集,那么我們對這個規范的內容應該不會陌生,我們通過這個表格可以很直觀的看到CSS MP對CSS的支持情況:

  支持的 不支持的
選擇器 全局選擇器(*)、類型選擇器(比如h1, div, p等)、子選擇器(p>span)、鏈接偽類 (:link,:visited)、動態偽類(:active, :focus)、類選擇器、id選擇器、分組(h1,h2,h3{}…) :first-child、:hover 、:lang() 偽類, :first-letter 、:first-line 偽元素, 兄弟選擇器(比如h1 + p),屬性選擇器 (比如 a[href], a[target="_blank"])
背景和邊框 background, background-color, background-image, background-repeat, background-attachment, background-position, border, border-width, border-color, border-style(注1)
定位 position, top, right, bottom, left, z-index
列表 list-style, list-style-image, list-style-type list-style-position
基本的盒模型 display(注2), margin, padding, height, min-height, max-height, width, min-width, max-width, float, clear, visibility, overflow(注3), overflow-style(注4)
色彩 color
字體 font, font-family, font-style, font-variant, font-weight, font-size(注5)
文字 text-indent, text-align, text-decoration(注6), text-transform, white-space word-spacing, letter-spacing, unicode-bidi
線形 vertical-align(注7) line-height
基本的用戶界面 utline, outline-color, outline-style, outline-width cursor
滾動 marquee-style, marquee-direction, marquee-play-count, marquee-speed
@規則 @charset, @import, @media(注8), @namespace @page
  • 注1:border-style只支持常用的none、dotted、dashed、solid和inherit,其它的幾個并沒有被列入規范。
  • 注2:display僅限于inline、block、list-item、none和inherit,不支持run-in和inline-block
  • 注3:overflow只支持auto
  • 注4:overflow-sytle只支持marquee值
  • 注5:font-size只支持大小關鍵詞,比如small、medium、bigger等,px、pt和百分比等不被支持。
  • 注6:text-decoration只支持none、blink、underline和inherit等,overline、line-trough不被支持。
  • 注7:vertical-align 只支持top, middle, bottom, baseline 和inherit。sub, super, text-top, text-bottom, 百分比和長度不被支持
  • 注8:@media規則只支持 handheld 和all 媒體類型。

用法與瀏覽器支持

就像之前文章里面提到的那樣,目前絕大多數的手機是支持XHTML Basic 1.0和XHTML MP 1.0標準的,這就意味著在某種程度上移動網站的HTML/XHTML代碼是可以與桌面版的相兼容甚至完全一致的。甚至有些網站的移動版直接使用HTML 4/5或者XHTML 1.0的DTD。這樣移動版網站可以直接通過handheld的media type來制定一個移動頁面專用的CSS文件:

CSS Code復制內容到剪貼板
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 南城县| 郸城县| 鹿邑县| 阿图什市| 武义县| 抚松县| 宁远县| 松溪县| 甘肃省| 金乡县| 双桥区| 灵寿县| 肃北| 阜城县| 舞阳县| 永福县| 九寨沟县| 镇原县| 台前县| 北安市| 托里县| 石楼县| 锡林浩特市| 轮台县| 正安县| 松阳县| 盐池县| 高唐县| 伊吾县| 阳高县| 高安市| 惠州市| 克什克腾旗| 布拖县| 信阳市| 抚州市| 江门市| 禄劝| 云和县| 蒙山县| 合作市|