Web 前端 - CSS - Grid 網(wǎng)格布局及通用PC端布局實(shí)戰(zhàn)[toc] 一、概述 序號(hào) 屬性 描述 1 解釋 網(wǎng)格布局是一個(gè)二維的基于網(wǎng)格的布局系統(tǒng) 2 特點(diǎn) 由水平(行)和垂直(列)線集合創(chuàng)建的一個(gè)模式,我們可以根據(jù)這個(gè)模式...
Web 前端 - CSS - Flex 彈性布局及仿 php 中文網(wǎng)移動(dòng)端布局實(shí)戰(zhàn)[toc] 作業(yè)的公網(wǎng)鏈接 一、概述 序號(hào) 內(nèi)容 描述 1 解釋 彈性盒子,即寬度和高度可以進(jìn)行彈性伸縮的盒子,意為彈性布局 2 特點(diǎn) 元素大小可以在容...
Web 前端 - CSS - 常用的屬性[toc] 一、定位屬性1. 屬性 序號(hào) 屬性 描述 1 display 指定元素怎樣生成盒模型 2 float 控制元素是否浮動(dòng) 3 position 規(guī)定元素的定位方式 4 over...
Web 前端 - CSS - 選擇器一、簡(jiǎn)單選擇器 序號(hào) 選擇器 描述 格式 舉例 1 元素選擇器 根據(jù)元素標(biāo)簽名稱進(jìn)行匹配 ele_name div {...} 2 屬性選擇器 根據(jù)元素屬性進(jìn)行匹配 ele_name[propert...
Web 前端 - CSS - 基礎(chǔ)知識(shí)[toc] 作業(yè)的公網(wǎng)鏈接 一、文檔流 序號(hào) 內(nèi)容 描述 1 文檔流的結(jié)構(gòu) 把頁面分為一行一行的,其中塊元素單獨(dú)占一行,而相鄰的行內(nèi)元素則從左到右排成一行直到該行排滿 2 脫離文檔流 將元素從普...