最近發(fā)現(xiàn)css遺忘了很多，原因在于平時(shí)很少用到一些樣式，現(xiàn)記錄一些平時(shí)工作中使用頻率比較少的屬性以備查看。因?yàn)楸旧砭椭肋@些屬性，只不過用的少而已，所以不會太詳細(xì)的記錄，只是記錄大概的意思，一看就能了解。

1.文本屬性

　　

text-indent

首行文本縮進(jìn)，針對于塊級元素，text-indent 可以使用所有長度單位，包括百分比值。百分比是相對于父級元素設(shè)置的。

text-align：justify

文本對齊屬性值中有個(gè)justify是兩端對齊，之前用的比較多的是center，right，left較多。

word-spacing

默認(rèn)值normal相當(dāng)于設(shè)置為0，

letter-spacing

字母間隔，與word-spacing相比字母間隔修改的是字符或字母之間的間隔。

text-transform

處理文本的大小寫，默認(rèn)值 none 對文本不做任何改動，將使用源文檔中的原有大小寫。顧名思義，uppercase 和 lowercase 將文本轉(zhuǎn)換為全大寫和全小寫字符。capitalize 只對每個(gè)單詞的首字母大寫。

text-decoration

underline 會對元素加下劃線，就像 HTML 中的 U 元素一樣。overline 的作用恰好相反，會在文本的頂端畫一個(gè)上劃線。值 line-through 則在文本中間畫一個(gè)貫穿線，等價(jià)于 HTML 中的 S 和 strike 元素。blink 會讓文本閃爍，類似于 Netscape 支持的頗招非議的 blink 標(biāo)記。

2.定位與浮動

css三種定位機(jī)制：普通流、浮動和絕對定位。除非專門指定，否則所有的框都在普通流中定位，而普通流中的元素位置由元素在html中的位置決定。

2.1定位的position屬性

static

元素框正常生成，塊級元素生成一個(gè)矩形框，作為文檔流的一部份；行內(nèi)元素則創(chuàng)建一個(gè)或則多個(gè)行框置于其父元素中。

relative

絕對定位：元素偏移某個(gè)距離，而這個(gè)偏移是相對于元素本身，且原占有的空間仍在。

在這里突然想起來visibility和display的區(qū)別，兩者都會隱藏元素，但是有區(qū)別，visibility：hidden仍然占用以前的空間，而display：none不在文檔流中。

absolute

相對定位：元素脫離了文檔流，可以形成層疊的效果（z-index屬性值越大該層越在上），相對于父級元素的定位，如果父級沒有定位則再往上找定位的元素直至body元素。所以一般使用absolute定位時(shí)會使用relative來配合使用。

fixed

固定定位：這里所固定的參照對像是可視窗口而并非是body或是父級元素。可通過z-index進(jìn)行層次分級。

?

浮動元素之后可以使用top,left,right,bottom來定義偏移的距離

2.2浮動float

浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另一個(gè)浮動框的邊框?yàn)橹埂８右矔撾x文檔流，所以文檔流中的元素表現(xiàn)的像浮動元素不存在一樣

使用浮動之后一定要記得在后面清理浮動，可以給浮動元素的父元素設(shè)置高度，后續(xù)元素使用clear屬性清除浮動

?

總結(jié)

以上是生活随笔為你收集整理的css的使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。