CSS瀏覽器前綴,HTML5新增標簽
阿新 • • 發佈:2019-01-02
tran require kit 標簽 數量 sid 插件 底部 文字 1.瀏覽器樣式前綴
(6)<footer>頁面底部、頁腳
placeholder 設置文本框默認提示文字
autofocus 自動獲得焦點 //自動激活輸入框
autocomplete 聯想關鍵字 //輸入框自動聯想,一般不用
為了讓CSS3樣式兼容,需要加上
例如:-ms- 兼容IE瀏覽器
-moz 兼容Firefox
-webkit- 兼容chrome和safari
div{
-ms-transform:rotate(30deg);
...........
}
2.自動添加瀏覽器前綴
目前的狀態是,有些CSS3屬性需要加前綴,有些不需要加,有些只需加部分,可以用插件,安裝autoprefixer
3.HTML5新增標簽
(1)<header> 頁面頭部、頁眉
(2)<nav>頁面導航
(3)<article>一篇文章
(4)<section>文章中的章節
(5)<aside>側邊欄
(7)音頻視頻
<audio>
<video>
(8)PC端兼容h5的新標簽的方法,在頁面中引入以下js文件
(9)HTML5新增表單控件
新增類型:
網址 type="url" 郵箱Email 日期date 時間time 星期week 數量number 範圍range 電話tel 顏色color 搜索search
<label>網址:</label><input type="url" name="" required>
新增常用表單控件屬性:
autofocus 自動獲得焦點 //自動激活輸入框
autocomplete 聯想關鍵字 //輸入框自動聯想,一般不用
CSS瀏覽器前綴,HTML5新增標簽