css 小常識
阿新 • • 發佈:2017-06-07
con indent 列表屬性 mar lock 通過 小圖標 height 最大
一、vertical-align可以采用負值(正/負值根據基線上下移動),也可以采用百分比值,而這個百分比值不是相對於字體大小或者其他什麽屬性計算的,而是相對於line-height計算的。
此外,width,height,font-size的百分比是相當於父元素的相同屬性的值來計算的;
line-height的百分比值是根據父元素的font-size來計算的;
二、瀏覽器標題欄小圖標:
<link rel="shortcut icon" href="圖片位置" type="image/x-icon"/>
三、首行縮進使用text-indent:2em。
四、我們知道默認瀏覽器默認字體大小是16px,通過body{font-size:62.5%},我們將默認字體變為62.5%*16px=10px;這時候1em剛好等10px。
統一使用em作為單位就很簡單了。
五、css具有繼承性。
(1)文本相關屬性:font-*{family、size、style、weight};line-heigh;text-align;text-indent;word-spacing。
(2)顏色:color。
(3)列表屬性:list-style-{image、position、type}。
六、外邊距疊加。
這裏指的是垂直外邊距疊加(margin-top;margin-bottom)。水平外邊距不會疊加。
外邊距疊加之後外邊距高度等於發生疊加之前的二個外邊距中的最大值。外邊距疊加針對的是block以及inline-塊元素,不包括inline元素。
待續··
css 小常識