1、<!DOCTYPE html> 不是html標籤，可以理解爲一條瀏覽器指令，告訴瀏覽器當前html版本，此版本表示當前html爲html5；
2、html4有三種版本，分別是 strict 嚴格版，transitional 過度版，frameset 框架版，如果是html4的頁面一般爲 transitional過渡板；
3、html基礎標籤：html，head，body，title，br，hr，p 等；
4、html塊級標籤：div，p，address，center，pre，h1-h6，ol，ul，dl 等；
5、html行內標籤：a，b，label，span，font，i，strong，em，sub，sup，select，input，img（可設置高、寬）；
6、塊級標籤與行內標籤的區別：塊級標籤可以設置高度、寬度，寬度默認爲瀏覽器的寬度，獨佔一行，塊級標籤內可以繼續包含行內標籤和塊級標籤；行內標籤不可以設置高度、寬度，行內標籤的高寬取決於內容的長度和大小，一行可設置多個行內標籤，行內標籤內不可以包含塊級標籤；
絕對定位 + margin，讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie
一、絕對定位 + margin，讓固定寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="v
1. html代碼示例： 結構要點： 要顯示的**側邊欄是按鈕的子級 ** <div class="btn_slidebar"> 顯示側邊欄 <ul class="test_slidebar">
//獲取當前節點的父級節點 console.log(obj.parentNode); //獲取當前節點的父級元素 console.log(obj.parentElement); //獲取當前節
跳動愛心主要用了些css3的動畫效果@keyframe，實現後的效果如下圖（截圖效果比較差）。代碼再往下滑。 1.html代碼 <html> <head> <title>跳動愛心</title>
