如何写出优雅的代码?

everything is null
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

Pocket IE on Windows Mobile 2003 Supports CSS(转自Windows Mobile Team Blog)

Posted on 2005-10-06 07:41  灰色  阅读(135)  评论(0)    收藏  举报

Not many people know this, due to the complete lack of information in the Windows Mobile 2003 SDK, but Pocket IE on Windows Mobile 2003 devices DOES support CSS!

Pocket IE on Windows Mobile 2003 supports CSS Mobile Profile plus a few additional CSS1 and CSS2 attributes to make your mobile web authoring easier than ever before.

In addition, it also supports methods to select CSS stylesheets for mobile devices (i.e. @import, @media, <LINK MEDIA> and <?xml-stylesheet media>) -- more on this later.

Here is some information on the CSS syntax and attributes supported by Pocket IE on Windows Mobile 2003 devices:

Syntax    
  !important  
  integer and real numbers  
  lengths  
    px
    em
    ex
    in
    cm
    mm
    pt
    pc
  percentage values  
  URI values  
  color values  
    #rrggbb
    rgb(r, g, b)
    also over 100 named color values (i.e. red, green, etc.)
Rules    
  @import  
    <uri>
    url(uri)
  media types  
    all
    handheld
    screen
  @media  
    all
    handheld
    screen
Selectors    
  *  
  E  
  E F  
  E:active  
  E:focus  
  E:link  
  E:visited  
  E[foo]  
  E[foo="warning"]  
  E[foo~="warning"]  
  E[lang|="en"]  
  div.warning  
  E#myid  
Properties  
  background  
    [ 'background-color' ||
  'background-image' ||
  'background-repeat' ||
  'background-attachment' ||
  'background-position' ]
    inherit
  background-attachment  
    scroll
    fixed
    inherit
  background-color  
    <color>
    transparent
    inherit
  background-image  
    <uri>
    none
    inherit
  background-position  
    <percentage>
    <length>
    top
    center
    bottom
    left
    center
    right
    inherit
  background-repeat  
    repeat
    repeat-x
    repeat-y
    no-repeat
    inherit
  border  
    [ 'border-width' ||
  'border-style' ||
  color ]
    inherit
  border-color  
    <color>{1,4}
    transparent
    inherit
  border-style  
    <border-style>{1,4}
    inherit
  border-top
border-right
border-bottom
border-left
 
    [ 'border-top-width' ||
  'border-style' ||
  <color> ]
    inherit
  border-top-color
border-right-color
border-bottom-color
border-left-color
 
    <color>
    inherit
  border-top-style
border-right-style
border-bottom-style
border-left-style
 
    <border-style>
    inherit
  border-top-width
border-right-width
border-bottom-width
border-left-width
 
    <border-width>
    inherit
  border-width  
    <border-width>{1,4}
    inherit
  clear  
    none
    left
    right
    both
    inherit
  color  
    <color>
    inherit
  display  
    inline
    block
    list-item
    run-in
    compact
    marker
    table
    inline-table
    table-row-group
    table-header-group
    table-footer-group
    table-row
    table-column-group
    table-column
    table-cell
    table-caption
    none
    inherit
  float  
    left
    right
    none
    inherit
  font  
    [ 'font-style' ||
  'font-variant' ||
  'font-weight' ]?
'font-size'
[ / 'line-height' ]
'font-family'
    caption
    icon
    menu
    message-box
    small-caption
    status-bar
    inherit
  font-family  
    [ <family-name> |
  <generic-family> ], *
[ < family-name> |
  <generic-family> ]
    inherit
  font-size  
    <absolute-size>
    <relative-size>
    <length>
    <percentage>
    inherit
  font-style  
    normal
    italic
    oblique
    inherit
  font-weight  
    normal
    bold
    bolder
    lighter
    100
    200
    300
    400
    500
    600
    700
    800
    900
    inherit
  height  
    <length>
    <percentage>
    auto
    inherit
  list-style  
    [ 'list-style-type' ||
  'list-style-position' ||
  'list-style-image' ]
    inherit
  list-style-position  
    inside
    outside
    inherit
  list-style-type  
    disc
    circle
    square
    decimal
    lower-roman
    upper-roman
    lower-alpha
    upper-alpha
    none
    inherit
  margin  
    <margin-width>
    inherit
  margin-top
margin-right
margin-bottom
margin-left
 
    <margin-width>
    inherit
  padding  
    <padding-width>{1, 4}
    inherit
  padding-top
padding-right
padding-bottom
padding-left
 
    <padding-width>
    inherit
  text-align  
    left
    right
    center
    inherit
  text-decoration  
    none
    underline
    line-through
    inherit
  text-indent  
    <length>
    <percentage>
    inherit
  vertical-align  
    baseline
    sub
    super
    top
    text-top
    middle
    bottom
    text-bottom
    <percentage>
    <length>
    inherit
  visibility  
    visible
    hidden
    collapse
    inherit
  white-space  
    normal
    pre
    nowrap
    inherit
  width  
    <length>
    <percentage>
    auto
    inherit