整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          干貨:CSS之元素豎向的百分比設定是寬度,而不是高度

          干貨:CSS之元素豎向的百分比設定是寬度,而不是高度

          在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


          主站蜘蛛池模板: 久久精品一区二区三区不卡| 日日摸夜夜添一区| 国产福利微拍精品一区二区| 无码日韩精品一区二区免费| 国产精品视频第一区二区三区 | 精品国产一区二区三区在线观看| 91亚洲一区二区在线观看不卡| 日本高清无卡码一区二区久久| 亚洲一区二区三区亚瑟| 国产内射999视频一区| 精品成人一区二区三区四区| 一区二区三区视频免费| 无码人妻一区二区三区av| 亚洲一区二区观看播放| 国产精品高清一区二区三区不卡| 精品国产日产一区二区三区 | 竹菊影视欧美日韩一区二区三区四区五区 | 亚洲熟女乱综合一区二区| 亚洲国产AV无码一区二区三区| 中文字幕亚洲综合精品一区| 亚洲一区免费观看| 乱子伦一区二区三区| 国产一区二区三区亚洲综合| 国产一区二区三区国产精品| 加勒比精品久久一区二区三区| 动漫精品一区二区三区3d| 无码精品久久一区二区三区| 一区二区三区高清在线| 国产日韩AV免费无码一区二区三区| 日韩毛片一区视频免费| 精品国产一区二区22| 成人影片一区免费观看| 亚洲AV综合色区无码一区| 精品人妻中文av一区二区三区| 国产美女一区二区三区| 国产精品538一区二区在线| 亚洲Aⅴ无码一区二区二三区软件| 国产AV国片精品一区二区| 久久青草国产精品一区| 国产精品高清一区二区三区不卡 | 日本一区二区在线免费观看|