分享 CSS使用技巧摘抄

2021-06-05 12:26:01 字數 585 閱讀 3698

其中這點覺得非常有用:

block和inline元素對比

所有的html元素都屬於block和inline之一。block元素的特點是:

總是在新行上開始;

高度,行高以及頂和底邊距都可控制;

寬度預設是它的容器的100%,除非設定乙個寬度

, , , , 和 是塊元素的例子。相反地,inline元素的特點是: 

和其他元素都在一行上;

高,行高及頂和底邊距不可改變;

寬度就是它的文字或的寬度,不可改變。

, , , ,

用code class="inline">display: inline 或display: block命令就可以改變乙個元素的這一特性。什麼時候需要改變這一屬性呢? 

讓乙個inline元素從新行開始;

讓塊元素和其他元素保持在一行上;

控制inline元素的寬度(對導航條特別有用);

控制inline元素的高度;

無須設定寬度即可為乙個塊元素設定與文字同寬的背景色。

ie8新hack

.test

id要符合標識的要求,比如大小寫敏感,最好不要包含下劃線

iOS Storyboard 使用技巧分享

下面以uiview設定圓角及陰影效果展示具體效果 extension uiview set 陰影圓角 ibinspectable var shadowradius cgfloat set 陰影偏移 ibinspectable var shadowoffset cgsize set 陰影顏色 ibin...

css使用技巧

1.文字的水平居中 將一段文字置於容器的水平中點,只要設定text align屬性即可 text align center 2.容器的水平居中 先為該容器設定乙個明確寬度,然後將margin的水平值設為auto即可。div container 3.文字的垂直居中 單行文字的垂直居中,只要將行高與容器...

Css使用技巧

text transform 字母大小寫 letter spacing 字元的間距 text indent 文字縮排 background attachment固定背景 scroll指背景圖象隨文字內容一起滾動,即通常所見的方式。fixed指文字滾動時,背景圖象保持固定。背景定位 backgroun...