zr20170116-css

1.css的三種樣式鏈接方式

a.行內樣式方法。例如：<div class="box" style="width: 500px; height: 500px;">

b.內聯樣式方法。例如：<style type="text/css">.box{width:500px;}</style>，在header裏面寫

c.外聯樣式方法。例如：<link rel="stylesheet" type="text/css" href="css/gm01.css"/>，也是在header裏面寫，也是最多用的。

2.css的繼承性

兒子的部分樣式是從父親那裏繼承過來的，就像寬度都是繼承父親的，但高度就不會了，一般屬性帶有-的都可以繼承

3.文本縮進

text-indent是設置首行縮進,2em代表兩個空格。

4.詞間距和字間距

word-spacing代表的是詞間距，在用margin對字體進行設置時，黃色代表的是外邊距,紫色代表的是內邊距；letter-spacing代表的是字間距，不準用空格符號

5.預格化標籤

寫法是<pre></pre>，表示在hbuilder上預覽的和在瀏覽器上瀏覽的結果是一樣的，可以適當地用。

6.設置背景圖片的連寫

background:black url(img/2016排行版.jpg) center center no-repeat;分別對背景顏色，圖片旋轉，水平居中，垂直居中和重複不重複進行了連寫。

7.外邊距margin的寫法：

margin-top:20px;margin-left: 30px;margin-bottom: 40px;margin-right: 50px;可以寫成margin:20px 50px 40px 30px;順序分別是上，右，下，左。

8.塌陷現象及解決方法

margin-top在設置時往往不會出現本身往下跑的結果，而是導致其父級元素往下跑。解決方法一爲：在父級裏設置overflow:hidden；解決方法二：設置border：1px solid transparent;transparent爲透明色；其中：overflow:hidden是指隱藏掉超出部分；