溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“html5和css3面試題有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“html5和css3面試題有哪些”吧!
1.css3 實現圓角(border-radius),陰影(box-shadow)，邊框圖片（border-image）
2.對文字添加特效（text-shadow），線性漸變（gradient），旋轉（transform）
3對背景圖尺寸修改（background-size）
4. 增加了更多的CSS選擇器 多背景 rgba
5. 在 CSS3 中唯一引入的偽元素是 ::selection，用于改變選中文本時，文本的顏色和文本的背景顏色
6. 媒體查詢，多欄布局
新特性：
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；
Cookies:服務器和客戶端都可以訪問；大小只有 4KB左右；有有效期，過期后將會刪除；
本地存儲：只有本地瀏覽器端可訪問數據，服務器不能訪問本地存儲直到通過 POST 或者 GET 的通道發送到服務器；每個域 5MB；沒有過期數據，它將一直保留直到用戶從瀏覽器清除或者使用 Javascript 代碼移除
調用 localstorge、cookies 等本地存儲方式
文件合并 文件最小化/文件壓縮 使用CDN托管 緩存的使用
它是關于網頁制作的過程中讓不同的設備有不同的尺寸和不同的功能。響應式設計是讓所有的人能在這些設備上讓網站運行正常
Canvas 元素用于在網頁上繪制圖形，該元素標簽強大之處在于可以直接在 HTML 上進行圖形操作。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS實現：一個矩形內容，有投影，有圓角，hover狀態慢慢變透明</title>
<style>
body {
margin: 0;
padding: 0;
}
.a {
width: 200px;
height: 100px;
border-radius: 10px;
box-shadow: 10px 10px 5px #888888;
background-color: aqua;
transition: 2s;
}
.a:hover {
opacity: 0;
}
</style>
</head>
<body>
<div class="a">
</div>
</body>
</html>首先劃分成頭部、body、腳部… 實現效果圖是最基本的工作，精確到2px； 與設計師，產品經理的溝通和項目的參與 做好的頁面結構，頁面重構和用戶體驗 處理hack，兼容、寫出優美的代碼格式
漸進增強 progressive enhancement：針對低版本瀏覽器進行構建頁面，保證最基本的功能，然后再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗。
優雅降級 graceful degradation：一開始就構建完整的功能，然后再針對低版本瀏覽器進行兼容。
區別：優雅降級是從復雜的現狀開始，并試圖減少用戶體驗的供給，而漸進增強則是從一個非常基礎的，能夠起作用的版本開始，并不斷擴充，以適應未來環境的需要。降級（功能衰減）意味著往回看；而漸進增強則意味著朝前看，同時保證其根基處于安全地帶。
CDN 緩存更方便
突破瀏覽器并發限制
節約 cookie 帶寬
節約主域名的連接數，優化頁面響應速度
防止不必要的安全問題
sessionStorage 用于本地存儲一個會話（session）中的數據，這些數據只有在同一個會話中的頁面才能訪問并且當會話結束后數據也隨之銷毀。因此 sessionStorage 不是一種持久化的本地存儲，僅僅是會話級別的存儲。而 localStorage 用于持久化的本地存儲，除非主動刪除數據，否則數據是永遠不會過期的
Web Storage 的概念和 cookie 相似，區別是它是為了更大容量存儲設計的。Cookie 的大小是受限的，并且每次你請求一個新的頁面的時候 Cookie 都會被發送過去，這樣無形中浪費了帶寬，另外 cookie 還需要指定作用域，不可以跨域調用。
除此之外，Web Storage 擁有 setItem,getItem,removeItem,clear 等方法，不像 cookie 需要前端開發者自己封裝 setCookie，getCookie。但是 Cookie 也是不可或缺的：Cookie 的作用是與服務器進行交互，作為 HTTP 規范的一部分而存在 ，而 Web Storage僅僅是為了在本地“存儲”數據而生。
到此，相信大家對“html5和css3面試題有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
