css中常用方法總結

css 提供了 text-indent 屬性，該屬性可以方便地實現文字縮排。通過使用 text-indent 屬性，所有元素的第一行都可以縮排乙個給定的長度，甚至該長度可以是負值。這個屬性最常見的用途是將段落的首行縮排。

在設計乙個網頁的時候，有時候為了讓頁面的可讀性更好，更加美觀；就會使用到letter-spacing屬性；letter-spacing屬性是增加（值為正）或減少（值為負）字元間距；也就是說當應用在英文時，就是增加或減少每個字母之間的間距，在中文文字中應用就是每個文字之間的間距。例：

使每個字間距為30px,text-indent使得首字元縮排30px,(常用於居中對齊時，字元會向左移，所以用縮排對齊）。

3.當我們自己做布局時，要去掉瀏覽器自帶的預設布局，此時可用如下**

4.圓形的設定

先將設定為正方形樣式，再將border-radius調為100px(上下兩個半圓組成乙個圓）

div.header img

5.css3中:nth-child偽類的實際用途

text-decoration用法

在css中，使用 text-decoration屬性，可以在文字上方、下方、或中間新增裝飾線

text-decoration 取值：

◼ none:無裝飾

◼ underline:下劃線

◼ overline:上劃線

◼ line-through:刪除線

預設情況下，文字都是沒有裝飾線的，但超連結是個例外，它預設就帶有下劃線。當然，可以把 text-decoration屬性的值設定為 none，去掉超連結的下劃線，當滑鼠懸停後，再新增下劃線，來提醒使用者當前文字為鏈結文字。如

a a:hover

display顯示屬性

none:此元素不會被顯示

block:此元素顯示為塊級元素，此元素前後會帶有換行

inline:預設。此元素會被顯示為內聯元素，元素前後沒有換行。

inline-block:行內塊元素。

box-shadow用法

img

position 定位屬性

◼ absolute：絕對定位，相對於 static 定位以外的第乙個父元素進行定位，如果都沒有，就是相對於body

絕對定位是相對於已定位的第乙個父元素進行定位，若無則相對於body

• 用絕對定位,可以把乙個元素放在頁面任何位置，當視窗滾動時元素可能會被

滾掉• 絕對定位使元素的位置與文件流無關，因此不佔據空間

• 絕對定位的元素可能和其他元素重疊

理解：絕對定位相對於第乙個已定位(absolute或relative)父元素

關於z-index 屬性：指定乙個元素的堆疊順序

z-index使用前提：元素一定是定位元素

◼ z-index 預設值是 0，其值可為正、負值

◼ z-index 值大的元素在前面（上面）

◼ z-index相當於定義了乙個垂直顯示區的z軸。如果為正數，則離使用者

更近，為負數則表示離使用者更遠。

◼ 沒有指定z–index或者值相等，最後定位的元素將被顯示在最前面

◼ 在無z-index參與的情況，有position的元素在前面