前端基礎總體複習(一)

1.什麼是HTML5

超文本標記語言的第五次修改,增長了許多新的標籤

2.新增的標籤有哪些

(1)fotter 

(2)header 

(3)section

3.會話使用的

canvas元素

4.媒介播放的

video audio元素

5.表單控件

(1)calender

 (2)date

 (3)time 

(4)email 

(5)url 

(6)search

6.本地離線存儲

loclStorage長期存儲數據,瀏覽器關閉後不會丟失數據,能維持在多個回話範圍內

7.sessionStorage

數據在瀏覽器關閉後就會自動刪除,客戶端數據存儲,只能維持在當前會話範圍內

8.媒體查詢

能夠根據不一樣屏幕尺寸,動態的修改頁面佈局以及樣式,是響應式網站不可缺乏的一部分,only能夠省略多個條件用and相連

 @media only screen and (min-width:500px) and (max-width:700px){......} link: <link rel ="stylesheet" herf="" media="screen and (min-width:500px) and (max-width:700px)"> 響應式網站:由兩種辦法完成響應式網站,流式佈局和媒體查詢,一般狀況下相輔成共同完成相應式網站

9.前綴相關

爲了讓CSS3樣式兼容,須要將某些樣式加上瀏覽器前綴 

-ms- 兼容IE瀏覽器 

-moz- 兼容Firefox 

-o- 兼容Opera 

-webkit- 兼容Chrome和Safari

10.排版佈局

響應式:適配多個終端(pc,pad,手機) 

移動端佈局:適配高清屏和普通屏(1px/多倍圖)

11.樣式美化

1.字體樣式

1.1定義字體類型font-family:name 

1.2定義字體大小 font-size 

1.3定義字體顏色 color 

1.4定義字體粗細 font-weight 

1.5定義斜體 font-style:normal|italic|oblique 

1.6定義下劃線 text-decoration 

2.文本樣式 

2.1定義文本對齊 text-align:left|right|center|justify 

2.2定義垂直對齊 vertical-align:auto|baseline|sub|super|top|text-top|middle|bottom|text-bottom|length 

2.3定義字距和詞距 字距:letter-spacing 詞距:word-spacing 

2.4定義行高 line-height:normal|length 

2.5定義縮進 text-index:length 

3.CSS3新增文本樣式 

3.1 定義文本陰影text-shadow 

3.2文本換行 word-break 

3.3添加動態內容 content