一、基礎(chǔ)班學(xué)習(xí)路線

四、HTML5和CSS3提高

1.HTML5的新特性

HTML5新增語義化標(biāo)簽

HTML5新增視頻標(biāo)簽

HTML5新增音頻標(biāo)簽

HTML5新增input類型

HTML5新增表單屬性

2.CSS3的新特性

CSS3新增屬性選擇器

CSS3新增結(jié)構(gòu)偽類選擇器-選擇第n個元素

CSS3新增nth-child選擇器

nth-child和nth-of-type的區(qū)別

CSS3新增偽元素選擇器使用場景和由來

偽元素選擇器場景-配合字體圖標(biāo)

• 這個三角是用定位來做的，所以前面有文字不會影響

偽元素選擇器場景-仿土豆效果

• 原先制作過程 ：
  
• 現(xiàn)改為如下 ：

偽元素選擇器場景-偽元素清除浮動本質(zhì)

CSS3盒子模型border-box

CSS3圖片模糊處理（了解）

計算盒子寬度calc函數(shù)

CSS3新增屬性過渡

CSS3過渡練習(xí)-進(jìn)度條

總結(jié)

以上是生活随笔為你收集整理的黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程（HTML5和CSS3）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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