內(nèi)容介紹

1. HTML 負(fù)責(zé)網(wǎng)頁(yè)的結(jié)構(gòu)層，是網(wǎng)頁(yè)開(kāi)發(fā)的基礎(chǔ)，從簡(jiǎn)單的網(wǎng)頁(yè)骨架搭建入手，使用常見(jiàn)的 HTML 標(biāo)簽豐富網(wǎng)頁(yè)結(jié)構(gòu)。

2. 在 HTML 搭建的網(wǎng)頁(yè)結(jié)構(gòu)基礎(chǔ)上，通過(guò) CSS 選擇器 精準(zhǔn)選擇標(biāo)簽，使用外觀、盒模型相關(guān)屬性完成網(wǎng)頁(yè)全部?jī)?nèi)容，學(xué)習(xí)傳統(tǒng)浮動(dòng)、定位等完成網(wǎng)頁(yè)布局，側(cè)重使用 Flex 布局技巧精準(zhǔn)控制網(wǎng)頁(yè)布局，最終結(jié)合背景、圓角、陰影等裝飾屬性進(jìn)一步美化網(wǎng)頁(yè)效果，達(dá)到能夠編寫(xiě)企業(yè)級(jí)大型綜合網(wǎng)頁(yè)。

3. 借助PxCook工具，基于設(shè)計(jì)稿編寫(xiě)網(wǎng)頁(yè)，確保網(wǎng)頁(yè)的高度還原，通過(guò)綜合運(yùn)用 HTML + CSS 技術(shù)，按照實(shí)際項(xiàng)目開(kāi)發(fā)流程，歸納開(kāi)發(fā)技巧，提升綜合實(shí)戰(zhàn)水平，最終完成企業(yè)級(jí)小兔鮮兒電商項(xiàng)目PC端首頁(yè)開(kāi)發(fā)。