相關(guān)文章

• 實(shí)現(xiàn)圖片恒定寬高比的屬性 — intrinsicsize

  摘要：開(kāi)發(fā)中可能會(huì)遇到這樣的需求一個(gè)響應(yīng)式頁(yè)面，它的圖片寬度是隨頁(yè)面大小變化的，并且圖片高度和寬度要保持固定的比率。 開(kāi)發(fā)中可能會(huì)遇到這樣的需求：一個(gè)響應(yīng)式頁(yè)面，它的圖片寬度是隨頁(yè)面大小變化的，并且圖片高度和寬度要保持固定的比率。（這里假設(shè)圖片是 下面是對(duì)比，試著改變預(yù)覽區(qū)大小，可以看到圖片的變化是一樣的https://jsbin.com/zoxixiwefa/... 比較常用的場(chǎng)景是卡片式...

  loonggg 2019-08-30 11:07 評(píng)論0 收藏0
• 

  CSS的再深入5（更新中···）

  摘要：頁(yè)面布局結(jié)構(gòu)層搭我們的頁(yè)面框架。不需要使用浮動(dòng)解決的問(wèn)題盡量不用。使用浮動(dòng)之后會(huì)使該元素脫標(biāo)，宋體并且該元素的宋體。備注以后我們做定位的時(shí)候，盡量保持子絕父相。宋體宋體是一種協(xié)議，就是客戶端和服務(wù)端鏈接的一種協(xié)議。頁(yè)面布局 結(jié)構(gòu)層：搭我們的頁(yè)面框架。 布局層：針對(duì)框架內(nèi)部結(jié)構(gòu)進(jìn)行排版。 不需要使用浮動(dòng)解決的問(wèn)題盡量不用。 使用浮動(dòng)之后會(huì)使該元素脫標(biāo)，并且該元素的margin。 div 盒子模...

  番茄西紅柿 2019-04-23 13:19 評(píng)論0 收藏0

• CSS的常用單位 %和 vw vh 和 box-sizing：border-box; 和flex

  摘要：一理解號(hào)是中的常用單位，它是相對(duì)于父容器而言的。效果圖利用設(shè)置了的寬代碼二理解這倆個(gè)單位是相對(duì)于視口的大小而定的。效果圖代碼彈性盒布局 一、% 理解： %號(hào)是CSS中的常用單位，它是相對(duì)于父容器而言的。如:一個(gè)父容器的寬是100px,給它的子元素一個(gè)10%，那么子元素的寬就是100px的10% 10px。 效果圖： （利用%設(shè)置了li 的寬）showImg(https://seg...

  lordharrd 2019-08-29 16:14 評(píng)論0 收藏0

• CSS的常用單位 %和 vw vh 和 box-sizing：border-box; 和flex

  摘要：一理解號(hào)是中的常用單位，它是相對(duì)于父容器而言的。效果圖利用設(shè)置了的寬代碼二理解這倆個(gè)單位是相對(duì)于視口的大小而定的。效果圖代碼彈性盒布局 一、% 理解： %號(hào)是CSS中的常用單位，它是相對(duì)于父容器而言的。如:一個(gè)父容器的寬是100px,給它的子元素一個(gè)10%，那么子元素的寬就是100px的10% 10px。 效果圖： （利用%設(shè)置了li 的寬）showImg(https://seg...

  sunny5541 2019-08-02 11:05 評(píng)論0 收藏0

• 前端分享

  摘要：根據(jù)網(wǎng)頁(yè)主要有三部分組成結(jié)構(gòu)表現(xiàn)和行為。要想制作符合標(biāo)準(zhǔn)的頁(yè)面，一個(gè)必不可少的關(guān)鍵組成部分就是聲明。行內(nèi)元素行內(nèi)元素又稱內(nèi)聯(lián)元素。當(dāng)前，大部分門戶網(wǎng)站大部分企業(yè)的宣傳站點(diǎn)都采用了這種布局方式。 1 前言 1-1 W3C標(biāo)準(zhǔn) W3C標(biāo)準(zhǔn)，既一系列標(biāo)準(zhǔn)的集合，他的本質(zhì)是結(jié)構(gòu)標(biāo)準(zhǔn)語(yǔ)言。就像平時(shí)使用的HTML,CSS等都要遵守這些標(biāo)準(zhǔn)。我們這里只討論W3C網(wǎng)頁(yè)標(biāo)準(zhǔn)。根據(jù)網(wǎng)頁(yè)主要有三...

  Eidesen 2019-08-29 16:54 評(píng)論0 收藏0