CSS樣式

葵花寶典：

【1】相鄰的2個margin值會疊加在一起。

【2】子元素設定的margin值會影響父元素。

          在標準瀏覽器下（FireFox，Chrome，Opera，Safari）會有問題。IE下一般表現良好。

　　  原因是：一個盒子如果沒有上補白（padding-top）和上邊框（border-top）那麼這個盒子的上邊距會和其內部文檔流中的第一個元素的上邊距重疊。 以上參考http://blog.csdn.net/u012011360/article/details/41823125

          因此用margin時需要註意，可以利用padding來避免。

獨孤九劍：

1、CSS常用樣式

#box1 {
            width: 350px;
            height: 350px;
            background: #fff;
            border: 1px solid #000;
            font-size: 14px;
            color: red;
            font-weight: bold;
            font-family: "Microsoft YaHei";
            font-style: italic;
            /* 首行縮進：1em = 一個文字大小 */
            text-indent: 1em;
            text-align: left;
            /* 文字修飾 through-line(刪除線)、overline(上劃線)、underline(下劃線)、none */
            text-decoration: underline;
            /* 詞間距 */
            word-spacing: 6px;
            /* 字母間距 */
            letter-spacing: 5px;
        }

2、word-wrap,word-break,white-space的區別