css樣式小技巧

1.css樣式小技巧

html怎樣設定使背景不隨頁面滾動而滾動

background-attachment:fixed;

2.實現li a 超過長度內容出現省略號…

overflow:hidden;

white-space:nowrap;

text-overflow:ellipsis;

3.使用 line-height 垂直居中

line-height:24px;

4.清除容器浮動

#main

5.不讓鏈結折行

a 6. 使塊元素水平居中

margin:0 auto;

其實就是 margin-left: auto;margin-right: auto;

7.刪除鏈結上的虛線框

a:active, a:focus

8.position屬性四大可選值用法

position屬性有四個可選值，它們分別是：static、absolute、fixed、relative。

position:static　無定位：該屬性值是所有元素定位的預設情況，在一般情況下，我們不需要特別的去宣告它。

position:absolute　絕對定位

position:fixed　相對於視窗的固定定位

position:relative　相對於元素的物件定位

9. 首字下沉

偽物件:first-letter配合font-size、float可以製作首字下沉效果。

10、豎排文字

writing-mode屬性有兩個值lr-tb和tb-rl，前者是預設的左-右、上-下，後者是上-下、右-左。

11、首行縮排

可以使得容器內首行縮排一定單位。比如中文段落一般每段前空兩個漢字。可以這麼寫： p如果font-size是12px的話，那麼text-indent:2em則縮排24px。

更多專業前端知識，請上

【猿2048】www.mk2048.com

css樣式小技巧

1.css樣式小技巧 html怎樣設定使背景不隨頁面滾動而滾動 background attachment fixed 2.實現li a 超過長度內容出現省略號 overflow hidden white space nowrap text overflow ellipsis 3.使用 line h...

CSS樣式設定小技巧

設定水平居中得分兩種情況 行內元素還是塊狀元素，塊狀元素裡面又分為定寬塊狀元素，以及不定寬塊狀元素。如果被設定元素為文字 等行內元素時，水平居中是通過給父元素設定text align center來實現的。class txtcenter 我想要在父容器中水平居中顯示。div body txtcent...

CSS樣式設定小技巧

我們在實際工作中常會遇到需要設定水平居中的場景，比如為了美觀，文章的標題一般都是水平居中顯示的。這裡我們又得分兩種情況 行內元素還是 塊狀元素 塊狀元素裡面又分為定寬塊狀元素，以及不定寬塊狀元素。我們先來了解一下行內元素怎麼進行水平居中？如果被設定元素為文字 等行內元素時，水平居中是通過給父元素設定...