①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; 也是允許的。
CSS基礎 瑣碎記錄
關於屬性 vertical align 今天出現乙個問題,table裡面的乙個單元格有乙個text型別的input,然後有一張.我搞了很久,不能垂直居中,我把input去掉,發現自適應又居中了 後來發現vertical align屬性.css基礎 以下內容來自w3c官方解釋 vertical ali...
CSS基礎 瑣碎記錄
tips 大部分都摘自w3c 一,關於選擇器 後代選擇器,什麼是後代選擇器,h1標籤所有子孫元素為em的都會起效果 h1 em子元素選擇器,什麼是子元素選擇器 h1標籤下面的子元素為em的元素.請注意只是兒子元素,孫子元素以及更下層的 h1 em 號兩邊可以有空格符相鄰兄弟選擇器,h1標籤之後的同級...
前端複習記錄(前端基礎 CSS)二
修改父元素的color屬性 line height一般是指布局裡面一段文字上下行之間的高度,是針對字型來設定的,height一般是指容器的整體高度,background color設定的背景顏色會填充元素的content padding border區域 margin的外邊緣 聖杯布局是指布局從上到...