CSS基礎缺陷記錄

2021-08-19 23:58:49 字數 1247 閱讀 4987

①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的外邊緣 聖杯布局是指布局從上到...