代碼不好維護(hù)和復(fù)用；
加上name屬性就好了
HTML：前端基礎(chǔ) & HTML 常用標(biāo)簽目錄 理解：相對路徑三種形式 應(yīng)用排版標(biāo)簽文本格式化標(biāo)簽圖像標(biāo)簽鏈接相對路徑 / 絕對路徑的使用 1. HTML 常用標(biāo)簽 首先 HTML 和 CSS 是兩種完全不同的語言，...
1.0 響應(yīng)式開發(fā)原理 1.1 響應(yīng)式開發(fā)原理 就是使用媒體查詢針對不同寬度的設(shè)備進(jìn)行布局和樣式的設(shè)置，從而適配不同設(shè)備的目的。 設(shè)備的劃分情況： 小于 768 的為超小屏幕...
1. rem 基礎(chǔ) rem 單位 rem（root em）是一個相對單位，類似于 em，em 是父元素字體大小。 不同的是 rem 的基準(zhǔn)是相對于 html 元素的字體大小。...
1.0 傳統(tǒng)布局和 flex 布局對比 1.1 傳統(tǒng)布局 兼容性好 布局繁瑣 局限性，不能再移動端很好的布局 1.2 flex 布局 操作方便，布局極其簡單，移動端使用比較廣...
1.0 移動端基礎(chǔ) 1.1 瀏覽器現(xiàn)狀 PC 端常見瀏覽器：360 瀏覽器、谷歌瀏覽器、火狐瀏覽器、QQ 瀏覽器、百度瀏覽器、搜狗瀏覽器、IE 瀏覽器。 移動端常見瀏覽器：U...
一、 認(rèn)識 3D 轉(zhuǎn)換 3D 的特點近大遠(yuǎn)小物體和面遮擋不可見 三維坐標(biāo)系x 軸：水平向右 -- 注意：x 軸右邊是正值，左邊是負(fù)值y 軸：垂直向下 -- 注意：y 軸下...
一、rotate 2d旋轉(zhuǎn)指的是讓元素在2維平面內(nèi)順時針旋轉(zhuǎn)或者逆時針旋轉(zhuǎn) 使用步驟： 給元素添加轉(zhuǎn)換屬性 transform 屬性值為 rotate(角度) 如 tran...
一、什么是 HTML5 HTML5 的概念與定義定義：HTML5 定義了 HTML 標(biāo)準(zhǔn)的最新版本，是對 HTML 的第五次重大修改，號稱下一代的 HTML兩個概念：是一個新...
1. 概述 常用代碼規(guī)范旨在增強(qiáng)團(tuán)隊開發(fā)協(xié)作、提高代碼質(zhì)量和打造開發(fā)基石的編碼規(guī)范， 以下規(guī)范是團(tuán)隊基本約定的內(nèi)容，必須嚴(yán)格遵循。 HTML 規(guī)范 基于 W3C、蘋果開發(fā)者 ...
學(xué)習(xí)目標(biāo) 理解能說出為什么要用定位能說出定位的 4 種分類能說出四種定位的各自特點能說出我們?yōu)槭裁闯Ｓ米咏^父相布局 應(yīng)用能寫出淘寶輪播圖布局 1. CSS 布局的三種機(jī)制 網(wǎng)...
1. 浮動（float） 目標(biāo) 理解能夠說出普通流在布局中的特點能夠說出我們?yōu)槭裁从酶幽軌蛘f出我們?yōu)槭裁匆宄?應(yīng)用能夠利用浮動完成導(dǎo)航欄案例能夠清除浮動能夠使用 PS...
盒子模型（CSS 重點） css 學(xué)習(xí)三大重點： css 盒子模型 、 浮動 、 定位 主題思路： 目標(biāo)： 理解：能說出盒子模型有那四部分組成能說出內(nèi)邊距的作用以及...
學(xué)習(xí)目標(biāo) 復(fù)合選擇器后代選擇器并集選擇器 標(biāo)簽顯示模式 CSS 背景背景位置 CSS 三大特性優(yōu)先級 1. CSS 復(fù)合選擇器 目標(biāo) 理解理解 css 復(fù)合選擇器分別的應(yīng)用場...
學(xué)習(xí)目標(biāo) 應(yīng)用使用 css 字體樣式完成對字體的設(shè)置使用 css 外觀屬性給頁面元素添加樣式使用常用的 emment 語法能夠使用開發(fā)人員工具代碼調(diào)試 1. font 字體 ...
