更多資料源碼請(qǐng)加3252897743第1天 html ? 1、HTTP協(xié)議 ? 2、html是純文本3、html骨架4、DTD文檔類型5、head標(biāo)簽6、body標(biāo)簽7、html基本語法8、h系列的標(biāo)簽9、p標(biāo)簽10、img標(biāo)簽11、a標(biāo)簽12、div和span含義第2天 html1、無序列表2、有序列表3、定義列表6、表格基礎(chǔ)7、合并單元格8、三個(gè)劃分區(qū)域的語義標(biāo)簽9、form標(biāo)簽10、input標(biāo)簽 ? 11、單行文本框13、密碼框14、單選框15、多選框16、文本域17、下拉菜單18、按鈕第3天 css ? 1、html注釋 ? 2、廢棄標(biāo)簽 ? 3、實(shí)體字符 ? 4、css的概念 ? 5、css的作用 ? 6、css的樣式 ? 7、css的書寫位置 ? 8、基礎(chǔ)選擇 ? 9、高級(jí)選擇器 ? 10、css的繼承性 ? 11、css的層疊性第4天 css ? 1、color屬性 ? 2、font-size屬性 ? 3、font-family屬性 ? 4、line-height屬性 ? 5、font-weight屬性 ? 6、font-style屬性 ? 7、text-indent屬性 ? 8、text-align屬性 ? 9、text-decoration屬性 ? 10、盒模型的初步認(rèn)識(shí) ? 11、padding詳解12、margin詳解13、border詳解第5天 css ? 1、盒模型的拓展知識(shí) ? 2、清除默認(rèn)樣式 ? 3、寬度剩余法 ? 4、height高度設(shè)置法 ? 5、margin特性之垂直方向上的塌陷 ? 6、margin特性之不能用兒子去踹父親 ? 7、父子盒模型的特性 ? 8、居中的幾種設(shè)置方法 ? 9、認(rèn)識(shí)標(biāo)準(zhǔn)文檔流 ? 10、標(biāo)準(zhǔn)文檔流的特性 ? 11、塊級(jí)元素和行內(nèi)元素的特性 ? 12、浮動(dòng)的基礎(chǔ)知識(shí) 第6天 css ? 1、浮動(dòng)的作用 ? 2、浮動(dòng)的特性之浮動(dòng)的元素脫離標(biāo)準(zhǔn)文檔流 ? 3、浮動(dòng)的特性之浮動(dòng)的元素沒有margin塌陷 ? 4、浮動(dòng)的特性之浮動(dòng)的元素依次貼邊 ? 5、浮動(dòng)的特性之浮動(dòng)的元素讓出標(biāo)準(zhǔn)流的位置 ? 6、浮動(dòng)的特性之字圍效果 ? 7、浮動(dòng)存在的問題8、清除浮動(dòng)的方法之給父盒子加高度 ? 9、清除浮動(dòng)的方法之加clear屬性 ? 10、清除浮動(dòng)的方法之加隔墻法11、清除浮動(dòng)的方法之overflow法 第7天 css ? 1、a標(biāo)簽的偽類 ? 2、a標(biāo)簽偽類的順序不能顛倒 ? 3、a標(biāo)簽偽類的應(yīng)用實(shí)例之按鈕實(shí)例 ? 4、a標(biāo)簽偽類的應(yīng)用實(shí)例之導(dǎo)航欄實(shí)例 ? 5、background-color背景色的詳解 ? 6、background-image背景圖的詳解 ? 7、background-repeat背景重復(fù)的詳解 ? ? 8、background-position背景定位的詳解 ? 9、精靈圖的使用方法及案例 ? 10、background-attachment背景固定的詳解 ? 11、背景的應(yīng)用之文字換圖片案例 ? 12、背景的應(yīng)用之padding設(shè)置背景圖案例 ?第8天 css ? 1、position：relative的詳解 ? 2、position：relative的負(fù)值表示法 ? 3、position：relative的應(yīng)用之元素位置微調(diào)的實(shí)例 ? 4、position：absolute的詳解 ? 5、position：absolute的特性之不針對(duì)祖先元素的定位參考點(diǎn) ? 6、position：absolute的特性之祖先元素有定位的參考點(diǎn) ? 7、position：absolute的特性之絕對(duì)定位的頂點(diǎn) ? 8、position：absolute的特性之利用絕對(duì)定位制作壓蓋效果 ? 9、position：absolute的特性之絕對(duì)定位的元素設(shè)置水平居中 ? 10、position：absolute的實(shí)例之滾動(dòng)輪播圖 ? ? 11、position：fixed的詳解 ? 12、z-index屬性的詳解 ? 13、html hack的詳解 ? 14、css值hack的詳解 ? 15、css選擇器hack的詳解 ? 16、IE6的兼容性問題 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 第9天 項(xiàng)目實(shí)戰(zhàn) ? 1、制作博客頁面2、分析頁面的結(jié)構(gòu)3、搭建html結(jié)構(gòu)代碼4、搭建css樣式代碼

詳情

收起

總結(jié)

以上是生活随笔為你收集整理的html导航教程视频,导航_HTML+CSS前端基础知识教程_腾讯视频的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。