《
CSS在移动网站开发的前端技术和技巧》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302333132013.htm
特殊值得一提的是，mobile webkit(包含iphone safari和android chrome lite等)不支持handheld。
固然，移动网站貌似不必斟酌太多的功能，布局简略，功效简单，然而事实并不设想中的那么简单。移动网站面临的最大的问题是浏览器众多，手机终端差异又很大，开发的时候，会碰到这种细节问题。
CSS Mobile Profile 2.0中的CSS支持
,
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,
CSS在IE6,IE7,FIREFOX中的区别, background-position, border, border-width,
CSS圆角背景与三角形实现办法, 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,
CSS图片层叠实现古画效果, 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,
css命名规则：图片切图转网页的代码规范, 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和百分比等不被支持,
CSS命名的三种规范化命名规则。 注6：text-decoration只支持none、blink、underline和inherit等，overline、line-trough不被支持。 注7：vertical-align 只支持top, middle, bottom, baseline 和inherit,
CSS加载失败原因的总结与分析。sub, super, text-top, text-bottom,
CSS制作网页的一些经验分享, 百分比和长度不被支持 注8：@media规矩只支持 handheld 和all 媒体类型。 用法与浏览器支持
其实考虑到传统手机的本身的制约和移动网络速度的限度，通过media type来加载外部样式是不可取的，通常用于移动版页面的样式未几，而多加载一个外部样式的代价是宏大的。所以，大局部的网站的移动版采用在head中嵌入样式表的方法,CSS制作网页时清除网页浮动的作用。
1
<link rel="stylesheet" media="handheld" href="">
绝大多数传统手机上的浏览器都支持handheld媒体类型，包括opera mini和windows mobile中的IE。
目前海内移动网站的前端开发，还处于起步阶段，跟着iPhone和Android等智能手机的风行，针对高端智能手机设备的网站开发将逐步风行，如 @SMbey0nd 所言，Mobile Web风暴，行将席卷中国，对这个绝对较新的范畴，我们还有良多事情要做。
后来，W3C将二者进行了整合，接收了WAP CSS1.0的一些长处，推出了CSS Mobile Prifile 2.0规范，它也是CSS 2.1的一个子集。我们本文将主要探讨这个规范。
Mobile css的标准也是有些庞杂的，与前一篇文章中提到的相似，之前存在着一个W3C制定的CSS Mobile Profile 1.0以及OMA的WAP CSS 1.0，事实上它们都是CSS 2.1的子集，而且内容无比濒临，不同的是,css制作漂亮的新闻列表，WAP CSS 1.0针对移动装备参加了一些扩展，这些扩大通过-wap-前缀来实现。
--> [
网站建设之]CSS在移动网站开发的前端技术和技巧
本文将和大家一起探讨移动网站中的CSS标准。 先容
就像之前文章里面提到的那样，目前绝大多数的手机是支持XHTML Basic 1.0和XHTML MP 1.0尺度的，这就象征着在某种水平上移动网站的HTML/XHTML代码是可以与桌面版的相兼容甚至完整一致的。甚至有些网站的移动版直接应用HTML 4/5或者XHTML 1.0的DTD。这样移动版网站可以直接通过handheld的media type来制订一个移动页面专用的CSS文件：
假如，你必定要采取外部款式的话，最好不要用@import，由于有些手机阅读器并不支撑。
因为这是CSS 2.1的一个子集，那么咱们对这个标准的内容应当不会生疏，我们通过这个表格可以很直观的看到CSS MP对CSS的支持情形：
实在本文仅仅波及到Mobile CSS的一些十分基本的方面，盼望能够抛砖引玉，引起更多的人研究和分享移动网站开发的前端技巧跟技能，如果你有较深刻的研讨，欢送通过前端察看与大家分享。
参考 Mobile style – CSS Mobile Profile 2.0 complete css guide Mobile profile Tag：移动网站 挪动网站
而在视觉上的差异，重要是字体的表示差别，这和各个手机浏览器有关，想要做的像素完善，不是件轻易的事件。
总结
(责任编辑：网站建设)
CSS在移动网站开发的前端技术和技巧相关文章