1. 程式人生 > >CSS基礎缺陷記錄

CSS基礎缺陷記錄

①CSS :after/:before偽元素。

:after 偽元素在元素之後新增內容。

這個偽元素允許創作人員在元素內容的最後面插入生成內容。預設地,這個偽元素是行內元素,不過可以使用屬性 display 改變這一點。

:before 選擇器在被選元素的內容前面插入內容。

②關於與居中問題

可以在合適的情況下考慮相對定位+絕對定位+百分比+margin(padding)值為負來解決。

eg:盒子總長:300px;left:50%;margin-left:-150px;

③transparent

用來指定全透明色彩。
transparent是全透明黑色(black)的速記法,即一個類似rgba(0,0,0,0)這樣的值。
在CSS1中,transparent被用來作為background-color的一個引數值,用於表示背景透明。
在CSS2中,border-color也開始接受transparent作為引數值,《Open eBook(tm) Publication Structure 1.0.1》[OEB101]延伸到color也接受transparent作為引數值。

在CSS3中,transparent被延伸到任何一個有color值的屬性上。

④box-shadow

box-shadow: h-shadow v-shadow blur spread color inset;

描述
h-shadow 必需。水平陰影的位置。允許負值。
v-shadow 必需。垂直陰影的位置。允許負值。
blur 可選。模糊距離。
spread 可選。陰影的尺寸。
color 可選。陰影的顏色。請參閱 CSS 顏色值。

inset 可選。將外部陰影 (outset) 改為內部陰影。

⑤outline 

outline (輪廓)是繪製於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。
註釋:輪廓線不會佔據空間,也不一定是矩形。
outline 簡寫屬性在一個宣告中設定所有的輪廓屬性。
可以按順序設定如下屬性:
outline-color
outline-style
outline-width
如果不設定其中的某個值,也不會出問題,比如 outline:solid #ff0000; 也是允許的。