在css中,當按百分比設定的一個元素的寬度時,它確實是相對于寬度計算的,但是,對于一些豎向的距離屬性呢?比如padding-top或者bottom和margin-top或者bottom等,當按百分比設定時,它們依據的是父容器的寬度,而不是高度。
下面是一個實例演示,你可以調整容器的寬度,但你會發現,黃塊的padding-bottom的距離也會隨之寬度而變大或變小。
以下為大家展示下
HTML:
CSS:
效果:
總結:
當移動滑動條時,我們css只修改了容器的寬度。但是,這三個屬性的高度也隨之變化。所以,可以看出,當按把百分比計算的是按容器的寬度,而不是高度來的。
切圖 qiewtu(.com)
eb前端開發課程:css字體模塊-文字大小。
講課人:波波老師。
再來看一下字體模塊。
·第一個是字體大小,font-size,常用的單位是px。網頁的默認文字大小一般是16px,可以根據自己的需要進行設置。
·看一下代碼,新建一個文件,font.html,字體p,文字大小,可以看到默認的文字大小是16px。
·加一個class="size",在style里做一個.size,font-size設到24px,可以看到文字一下子變大了。事實上來講,一般都是把它設置到12px或者14px。
者:Tam Hanna
轉發鏈接:https://www.creativebloq.com/how-to/21-ways-to-optimise-your-css-and-speed-up-your-site
*請認真填寫需求信息,我們會在24小時內與您取得聯系。