移動端布局原理1.移動端布局的三個視口 視口 描述 布局視口 面向開發(fā)者的視口，與設(shè)備無關(guān)，默認(rèn)寬度為980培訓(xùn)，用width表示 視覺視口 與具體設(shè)備硬件相關(guān)，用device-width表示 理想視口 一開始布局時,就直接使用視...
效果圖： HTML代碼塊 php中文網(wǎng)-程序員夢開始的地方 ...
網(wǎng)格布局grid的9個屬性 序號 屬性 描述 1 grid 創(chuàng)建grid容器,display:grid 2 grid-template-columns/rows 顯示生成的網(wǎng)格單元，大多數(shù)情況下，讓其自動生成 3 grid-are...
1.flex容器上的三個必知屬性 序號 屬性 描述 1 flex-flow 控制主軸方向與項目是否允許換行 2 place-content 容器剩余空間在項目之間進(jìn)行分配 3 place-items 項目在交叉軸上的對齊方式 ...
1.默認(rèn)布局 默認(rèn)布局是瀏覽器默認(rèn)的布局方式，也叫做文檔流布局或正常布局流，源碼的書寫順序決定了元素在html頁面中顯示的順序，由此可見元素的排列位置具有可Yu測性，關(guān)鍵語法：position:static 布局元素分為兩類：塊級元素和內(nèi)聯(lián)(行內(nèi))元...
1.常用單位1.1絕對單位 絕對單位像素，用px表示,1in(英寸)=96px(像素) 1.2相對單位 類型 描述 % 參照物是父級，如：width='50%'則表示，當(dāng)前元素的寬度占父級元素的百分之五十 em 字號大小，參照瀏覽器...
一、偽類選擇器 類型 描述 結(jié)構(gòu)偽類 根據(jù)元素的位置來獲取元素,如：:nth-of-type() 狀態(tài)偽類 根據(jù)元素的狀態(tài)來獲取元素,例如獲取焦點或無效元素,如：:hover 1.結(jié)構(gòu)偽類 使用:nth-of-type()方法獲...
1.CSS樣式的來源與優(yōu)先級 默認(rèn)樣式：瀏覽器自帶樣式，也叫用戶樣式代理表。 繼承樣式：某一些屬性,如顏色,字體,它可以由它的父級進(jìn)行設(shè)置,達(dá)到簡化的目標(biāo),可以避免CSS樣式冗余。 自定義樣式：程序員自定義的樣式。 ①內(nèi)聯(lián)樣式：給元素添...
表單元素與多媒體元素的使用1.表單元素 表單是用戶與服務(wù)器交互信息的載體（手段）1.發(fā)送方式/請求方式：get/post2.發(fā)送的數(shù)據(jù):2.1 自定義(最靈活): 用戶自己輸入,文本框（text）,文本域（textarea）,2.2 預(yù)定義(最安全)...
HTML常用標(biāo)簽及應(yīng)用場景 一個頁面就是一個HTML文檔，CSS、JS都是寄生在HTML中的，是以標(biāo)簽的方式嵌入到HTML頁面的。 1.屬性類型1.1 通用屬性(id/class/style) 通用屬性幾乎所有元素都擁有。id：用于表示頁面中的唯一...
一、markdown語法簡單應(yīng)用 markdown用于簡化HTML的編寫，最終markdown會轉(zhuǎn)變?yōu)閷?yīng)的HTML標(biāo)簽，安裝markdown lint插件，用于markdown語法檢查。 1.標(biāo)題 在想要設(shè)置為標(biāo)題的文字前面加#來表示一個#是一...
