說浮動布局,就得先知道文檔流,文檔流有正常文檔流、脫離文檔流。 正常文檔流:將一個頁面從上到下分為一行一行,塊元素獨占一行,相鄰行內(nèi)元素在每一行...
媒體查詢,顧名思義就是查詢將要應用樣式表的媒體,滿足查詢的條件,就會應用該樣式表。 語法 在HTML中可以在link和style標簽中使用,‘,...
捕獲的過程是從最外層的div到最里面的一層 接著就是向外冒泡執(zhí)行,如果想阻止冒泡可以使用e.stopPropagation()(要考慮兼容性) ...
水平居中 文字的水平居中1.使用text-aline:center;就能實現(xiàn) 元素的水平居中1.塊元素的水平居中設置寬高,對子元素設置margi...
如umi的文檔所說,配置路由在.umirc.ts中添加routes即可,配置即使用。約定式路由就默認失效,也就是說與pages中的文件目錄無關。...
JS實現(xiàn)放大鏡功能 網(wǎng)店中的商品都能放大查看細節(jié),這里是放大功能的簡單實現(xiàn)。。。。 這個放大鏡具有選擇放大倍數(shù)的功能。 效果: HTML部分: ...
萬年歷查詢(JavaScript實現(xiàn)) 實現(xiàn)的界面有點單調(diào),查詢功能已經(jīng)實現(xiàn),之后還可以添加一下其他功能。。 效果: 每一個日期個是由 標簽構(gòu)成...
簡單計算器(JavaScript實現(xiàn)) 功能比較簡單,還需完善。 效果: HTML部分: <!DOCTYPE html> 1 2 3 ...
一點簡單的CSS動畫(CSS實現(xiàn)) 圖片展開: (transition和transform結(jié)合實現(xiàn)的) HTML部分: CSS: img{ he...