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