来讲讲：CSS:挪动网站开辟的前端手艺和技能

每个声明内只能有一个属性，如果属性值中含有空格用双引号括起来例，在一个声明块内可以有多个声明，每个声明用分号隔开。
破洛洛文章简介：CSS:挪动网站开辟的前端手艺和技能.
上一篇我们谈到了挪动网站中的标签，想必良多人也很想懂得MobileCSS的情形吧，本文将和人人一同切磋挪动网站中的CSS尺度。
先容

Mobilecss的尺度也是有些庞大的，与前一篇文章中提到的相似，之前存在着一个W3C制订的CSSMobileProfile1.0和OMA的WAPCSS1.0，现实上它们都是CSS2.1的子集，并且内容十分靠近，分歧的是，WAPCSS1.0针对挪动设备到场了一些扩大，这些扩大经由过程-wap-前缀来完成。
厥后，W3C将两者举行了整合，吸取了WAPCSS1.0的一些长处，推出了CSSMobilePrifile2.0标准，它也是CSS2.1的一个子集。我们本文将次要会商这个标准。
CSSMobileProfile2.0中的CSS撑持

由于这是CSS2.1的一个子集，那末我们对这个标准的内容应当不会生疏，我们经由过程这个表格能够很直不雅的看到CSSMP对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-typelist-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-spaceword-spacing,letter-spacing,unicode-bidi线形vertical-align(注7)line-height基础的用户界面utline,outline-color,outline-style,outline-widthcursor转动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媒体范例。
  

用法与扫瞄器撑持

就像之前文章内里提到的那样，今朝尽年夜多半的手机是撑持XHTMLBasic1.0和XHTMLMP1.0尺度的，这就意味着在某种水平上挪动网站的HTML/XHTML代码是能够与桌面版的相兼容乃至完整分歧的。乃至有些网站的挪动版间接利用HTML4/5大概XHTML1.0的DTD。如许挪动版网站能够间接经由过程handheld的mediatype来制订一个挪动页面公用的CSS文件：

1. 1

复制代码

1. <linkrel="stylesheet"media="handheld"href="">

复制代码

尽年夜多半传统手机上的扫瞄器都撑持handheld媒体范例，包含operamini和windowsmobile中的IE。
实在思索到传统手机的本身的限定和挪动收集速率的限定，经由过程mediatype来加载内部款式是不成取的，一般用于挪动版页面的款式未几，而多加载一个内部款式的价值是伟大的。以是，年夜部分的网站的挪动版接纳在head中嵌进款式表的体例。
假如，你必定要接纳内部款式的话，最好不要用@import，由于有些手机扫瞄器其实不撑持。
出格值得一提的是，mobilewebkit(包含iphonesafari和androidchromelite等)不撑持handheld。
而在视觉上的差别，次要是字体的体现差别，这和各个手机扫瞄器有关，想要做的像素完善，不是件简单的事变。
总结

固然，挪动网站貌似不必思索太多的功效，结构复杂，功效复杂，可是实际并没有设想中的那末复杂。挪动网站面对的最年夜的成绩是扫瞄器浩瀚，手机终端不同又很年夜，开辟的时分，会碰到这类细节成绩。
今朝国际挪动网站的前端开辟，还处于起步阶段，跟着iPhone和Android等智妙手机的盛行，针对高端智妙手机设备的网站开辟将渐渐流行，如@SMbey0nd所言，MobileWeb风暴，行将囊括中国，关于这个绝对较新的范畴，我们另有良多事变要做。
实在本文仅仅触及到MobileCSS的一些十分基本的方面，但愿能够举一反三，引发更多的人研讨和分享挪动网站开辟的前端手艺和技能，假如你有较深切的研讨，接待经由过程前端察看与人人分享。
参考

• http://www.w3.org/TR/css-mobile/
  
• Mobilestyle&ndash;CSSMobileProfile2.0
  
• completecssguideMobileprofile
  

</p>
那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？

Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。