HTML5 CSS3

HTML5 CSS3

語義化標籤：
header 頁面或頁面中某一個區塊的頁眉，一般是一些引導和導航信息
nav 能夠做爲頁面導航的連接組
section 頁面中的一個內容區塊，一般由內容及其標題組成
article 表明一個獨立的、完整的相關內容塊，可獨立於頁面其它內容使用
aside 非正文的內容，與頁面的主要內容是分開的，被刪除而不會影響到網頁的內容
footer 頁面或頁面中某一個區塊的腳註

input新增的type類型：
<input type="color"> 選取顏色
<input type="email"> 設置郵箱
<input type="url"> 設置網址
<input type="number"> 設置數字
<input type="range"> 設置滑動條
<input type="date"> 設置年月日
<input type="month"> 設置年月
<input type="time"> 設置時、分

HTML新增的全局屬性：
contentEditable="true" 是否容許用戶編輯內容 true表示容許 false表示不容許
hidden 表示將該標籤不佔位隱藏 display:none;效果一致

H5新增音頻視頻播放器：
<video src="video/video.mp4"></video>
<audio src="video/上河Lin、司南%20-%20盜將行.mp3"></audio>
屬性：
controls 用於音頻視頻播放器添加控件
autoplay 是否自動播放 (全部新式瀏覽器都不用容許直接自動播放，想要自動播放能夠添加靜音屬性)
muted 是否靜音

H5新增了哪些內容：
1.語義化標籤
2.增長了不少表單的控件
3.新增用於繪畫的canvas標籤
4.媒介播放的 video 和 audio 元素
5.新增本地存儲和離線緩存

CSS3新增內容;
新增選擇器：
li:first-of-type 表示選擇到第一個li標籤
li:last-of-type 表示選擇到最後一個li標籤
li:nth-of-type(2) 表示選擇到第2個li標籤
li:nth-of-type(odd) 表示選擇到全部奇數li標籤
li:nth-of-type(even) 表示選擇到全部偶數li標籤

通常的標籤都會有樣式的繼承性，好比顏色，若是本身沒設置顏色，會從最近的祖級元素開始找，
若是祖級元素有設置過顏色，則會繼承，若是都沒有則是默認色，可是a標籤沒法繼承顏色，由於自己自帶顏色，
想要設置a標籤文字顏色必須選擇到a標籤自己來設置

css3新增的常見樣式設置：
全部的css3新增樣式都要添加不一樣的瀏覽器前綴
-webkit- 谷歌和蘋果
-moz- 火狐
-o- 歐朋
-ms- IE

設置邊框圓角
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;

設置盒子陰影： box-shadow: inset 5px 5px 10px 15px #333; inset: 表示設置內陰影 還能夠改爲outset 表示外陰影 第一個像素值表示水平陰影偏移位置 第二個像素值表示垂直陰影偏移位置 第三個像素值表示陰影的模糊距離 不容許負數 第四個像素值表示陰影的外延值 #333 表示陰影的顏色 設置文本陰影： text-shadow:5px 5px 5px #ccc; 第一個像素值表示水平陰影偏移位置 第二個像素值表示垂直陰影偏移位置 第三個像素值表示陰影的模糊距離 不容許負數 #ccc 表示陰影的顏色