作業(yè)內(nèi)容： 實(shí)例演示字體的圖標(biāo)的使用,重點(diǎn)在class方式 實(shí)例演示媒體查詢?cè)?并描述媒體查詢的順序 阿里iconfont圖標(biāo)的使用準(zhǔn)備圖標(biāo)1.注冊(cè)賬號(hào)2.搜索需要的圖標(biāo)，選擇想要的圖標(biāo)【添加入庫(kù)】3.點(diǎn)擊網(wǎng)站右上角的【購(gòu)物車】圖標(biāo)4.將圖標(biāo)...
作業(yè)內(nèi)容： em,rem的特點(diǎn)是什么, 應(yīng)用場(chǎng)景是什么?為什么推薦使用rem? (選做) 使用rem + vw 重寫 課程表 案例, css中不允許出現(xiàn)px,試試看 em和remem特點(diǎn)：em是相對(duì)長(zhǎng)度單位，繼承字號(hào)，永遠(yuǎn)跟隨自身和祖先元素的字...
作業(yè)內(nèi)容：實(shí)例演示隱式網(wǎng)格, 對(duì)齊方式與行列間隙的設(shè)置方式與使用場(chǎng)景、前提 隱式網(wǎng)格html item1 item2 ...
URL組成http://demo.com:80/path/index.php/user/add?p=3#link 靜態(tài)訪問(wèn) 動(dòng)態(tài)訪問(wèn)訪問(wèn)http://site.cn/index.phpindex.php 并非一個(gè)頁(yè)面，而是一個(gè)程序，該程序會(huì)創(chuàng)建出一個(gè)...
作業(yè)內(nèi)容： 寫一個(gè)后臺(tái)小案例: +實(shí)現(xiàn)實(shí)例演示 標(biāo)簽,屬性選擇器, 以及群組選擇器的使用場(chǎng)景 后臺(tái)小案例代碼index.html
作業(yè)內(nèi)容： 實(shí)例演示權(quán)重的原理與計(jì)算方式 實(shí)例演示結(jié)構(gòu)偽類,通過(guò)位置關(guān)系匹配子元素 實(shí)例演示權(quán)重的原理與計(jì)算方式試驗(yàn)試驗(yàn)內(nèi)容：高權(quán)重的CSS樣式會(huì)覆蓋低權(quán)重CSS樣式，即使高權(quán)重的CSS寫在低權(quán)重CSS之前。 html
實(shí)現(xiàn)一個(gè)課程表，使用了行和列的合并操作。 代碼css #time-table, th, td{ border: solid gray 2px; text-align: center; } #time-tab...
html
作業(yè)內(nèi)容： 實(shí)例演示表單中常用的”狀態(tài)偽類”, 盡量選擇課堂上未提及的實(shí)例演示盒模型的五個(gè)核心屬性,并描述padding、margin的簡(jiǎn)記規(guī)則 狀態(tài)偽類 選擇器 功能描述 E:focused 選擇表單中獲得焦點(diǎn)的元素 E:ch...
Emmet語(yǔ)法讓編寫HTML飛起來(lái)。VSCode內(nèi)置了Emmet插件，不用自己安裝。 生成html5源碼模板：!+tab。 1.標(biāo)簽與內(nèi)容 {text}Emmet語(yǔ)法：h3{標(biāo)題} + tab生成： 標(biāo)題如果不輸入標(biāo)簽，而是使用屬性，默認(rèn)會(huì)添加d...
立完成一個(gè)用戶注冊(cè)表單,至少用到5個(gè)以上的表單控件。 代碼 &...
作業(yè)內(nèi)容：實(shí)例演示flex容器與項(xiàng)目常用屬性,并圖示常用術(shù)語(yǔ) flex布局html left content
