柚子快報激活碼778899分享：HTML5和CSS3筆記
一：網(wǎng)頁結(jié)構(gòu)(html)：
1.1：頁面結(jié)構(gòu)：
1.2：標(biāo)簽類型：
1.2.1：塊標(biāo)簽：
?1.2.2：行內(nèi)標(biāo)簽：
1.2.3：行內(nèi)塊標(biāo)簽：
1.2.4：塊標(biāo)簽與行內(nèi)標(biāo)簽的轉(zhuǎn)換：
（可以設(shè)置在不在同一行和隱藏）
1.3：表單與表格標(biāo)簽：
?
表單：?
?
表格：?
?1.4：H5標(biāo)簽：
1.4.1：語義標(biāo)簽：
?
1.4.2：多媒體標(biāo)簽：
（音頻audio和視頻video）
1.4.3：新表單組件：
（type屬性選擇對應(yīng)的類型后會有相應(yīng)的校驗或其他功能）
?
1.4.4：新屬性：
（form：選擇哪一個表單進(jìn)行提交；autofocus：自動對焦；placeholder：輸入框內(nèi)的提示內(nèi)容；）
1.4.5：本地存儲：
localStorage與sessionStorage用法一致，只是兩者的存儲有點區(qū)別。使用localStorage存儲在一個頁面，存儲好后如果該頁面跳到新頁面，里面內(nèi)容就無了，而sessionStorage存儲好后跳轉(zhuǎn)新頁面存儲的東西還在，只是重新打開瀏覽器之后內(nèi)容會消失。（比如設(shè)置登錄頁面登錄后將賬號信息保存在本地如果使用localStorage存儲，跳轉(zhuǎn)新頁面存儲的賬號信息就無了，而使用sessionStorage存儲登錄跳轉(zhuǎn)后依然可以獲取保存的賬號信息）
二：網(wǎng)頁樣式(css)：
2.1：網(wǎng)頁樣式引入方式：
?2.2：基礎(chǔ)選擇器：
2.3：復(fù)合選擇器：?
2.3.1：并集選擇器：
兩個同時都有樣式
2.3.2：后代選擇器：
?一個標(biāo)簽下所有的某種標(biāo)簽都有樣式
2.3.3：子代選擇器：
某標(biāo)簽下子代的標(biāo)簽有樣式，再往下一層子代就沒有了
2.3.4：偽類選擇器：
常與a標(biāo)簽合用，用來設(shè)置對a標(biāo)簽一些樣式的設(shè)置
2.4：字體樣式屬性：
?
2.5：文本屬性：
2.6：背景樣式：
?
2.7： CSS進(jìn)階：
2.7.1：盒子模型：
margin：外邊距
border：邊框
padding：內(nèi)邊距?
2.7.2：float浮動：
比如說給一個div添加這個屬性，他就會浮起來，下面的標(biāo)簽會上移，浮起來的標(biāo)簽顯示在下面標(biāo)簽的上面
?overflow：清除浮動，如果子盒子1和2都是float的，那么父盒子就沒有高度會隱藏導(dǎo)致下面的導(dǎo)航顯示在子盒子右邊，如果添加了overflow清除浮動，那么底下的綠色父盒子又會顯示出來
2.7.3：position定位：
?
相對定位：
?絕對定位：
固定定位：如果整個頁面有滾動條，往下滾動的話也會看到子盒子2一直顯示在頁面上的這個位置
?2.8：CSS3：
2.8.1：新增的選擇器：
?屬性選擇器：
子元素偽類選擇器：
?UI偽類選擇器：
2.8.2：flex布局：
display：flex：伸縮布局，會按比例縮放，即使兩個盒子寬度之和超過了父盒子也不會放不進(jìn)去
?
2.8.3：其他常用：
?
柚子快報激活碼778899分享：HTML5和CSS3筆記
相關(guān)閱讀
本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理，出于傳遞更多信息之目的，不代表金鑰匙跨境贊同其觀點和立場。
轉(zhuǎn)載請注明，如有侵權(quán)，聯(lián)系刪除。
Temu潮流出海家
