样式的优雅

看此页面
http://www.mint.com/

源码: view-source:http://www.mint.com/ 

1.IE注释

<!doctype html> 
<!--[if lt IE 7 ]> <html lang="en" class="ie6" xmlns:fb="http://www.facebook.com/2008/fbml"> <![endif]--> 
<!--[if IE 7 ]>    <html lang="en" class="ie7" xmlns:fb="http://www.facebook.com/2008/fbml"> <![endif]--> 
<!--[if IE 8 ]>    <html lang="en" class="ie8" xmlns:fb="http://www.facebook.com/2008/fbml"> <![endif]--> 
<!--[if IE 9 ]>    <html lang="en" class="ie9" xmlns:fb="http://www.facebook.com/2008/fbml"> <![endif]--> 
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" xmlns:fb="http://www.facebook.com/2008/fbml"> <!--<![endif]-->

这样就可以很方便的针对浏览器写css了；

2.css注释

http://www.mint.com/css/rd/mint.css?v=2

Stylesheet Contents

1. Basic Styles
    
    1.1 Fonts
    1.2    Buttons
    1.3    Header Tags
     
2. Layout

    2.1 Header
    2.2    Content
        2.2.1 Homepage General
            2.2.1.1 Homepage Tabs
            2.2.1.2 Homepage Tour
            2.2.1.3 Homepage Video
        2.2.2 Sidebar Navigation
        2.2.3 Features
        2.2.4 History
        2.2.5 Accolades
        2.2.6 News
    2.3    Footer

3. Extras
通常都是边写css边注释 当时间一长依然不好查找 这里css用了提纲注释方便维护

3.baseic css

文件中不仅仅是reset css对页面的按钮 链接 背景等等 值得学习.

posted on 2011-01-21 14:08  星光~  阅读(319)  评论(0)  编辑  收藏  举报