CSS3有哪些新特性？

　　1. CSS3實現圓角（border-radius），陰影（box-shadow），

　　2. 對文字加特效（text-shadow、），線性漸變（gradient），旋轉（transform）

　　3. transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋轉,縮放,定位,傾斜

　　4. 增加了更多的CSS選擇器 多背景 rgba

　　5. 在CSS3中唯一引入的偽元素是 ::selection.

　　6. 媒體查詢，多欄布局

　　7. border-image

html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區分 HTML 和 HTML5？

新特性：

　　1. 拖拽釋放(Drag and drop) API

　　2. 語義化更好的內容標簽（header,nav,footer,aside,article,section）

　　3. 音頻、視頻API(audio,video)

　　4. 畫布(Canvas) API

　　5. 地理(Geolocation) API

　　6. 本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉後數據不丟失；

　　7. sessionStorage 的數據在瀏覽器關閉後自動刪除

　　8. 表單控件，calendar、date、time、email、url、search

　　9. 新的技術webworker, websocket, Geolocation

移除的元素：

　　1. 純表現的元素：basefont，big，center，font, s，strike，tt，u；

　　2. 對可用性產生負面影響的元素：frame，frameset，noframes；

　　支持HTML5新標簽：

　　1. IE8/IE7/IE6支持通過 document.createElement 方法產生的標簽，可以利用這一特性讓這些瀏覽器支持 HTML5 新標簽，

　　 瀏覽器支持新標簽後，還需要添加標簽默認的樣式（當然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架）：

　　　　<!--[if lt IE 9]>

　　　　　　<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>

　　　　<![endif]-->

本地存儲（Local Storage ）和cookies（儲存在用戶本地終端上的數據）之間的區別是什麽？

　　Cookies： 服務器和客戶端都可以訪問；大小只有4KB左右；有有效期，過期後將會刪除；

　　本地存儲：只有本地瀏覽器端可訪問數據，服務器不能訪問本地存儲直到故意通過POST或者GET的通道發送到服務器；

　　每個域5MB；沒有過期數據，它將保留知道用戶從瀏覽器清除或者使用Javascript代碼移除

如何實現瀏覽器內多個標簽頁之間的通信?

　　調用 localstorge、cookies 等本地存儲方式

你如何對網站的文件和資源進行優化？

　　文件合並

　　文件最小化/文件壓縮

　　使用CDN托管

　　緩存的使用

關於html5和css3的一些常見面試題