對於剛接觸html,css的童鞋來說，這個無非給你入門提供了一些幫助。往后涉及到框架，代碼壓縮什么的，框架里面基本包括這些，so就不需要這個了。
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,abbr,address,big,em,img,q,small,strike,strong, sub,sup,tt,var,i,dl,dt,dd,ol,ul,li,form,fieldset,label,table,caption,tbody,thead,tfoot,tr,th,td,article, aside,canvas,details,figure,figcaption,header,footer,hgroup,menu,nav,output,section,time,mark,audio, video,input,select,button{margin:0;padding:0;border:0;font-family:'微軟雅黑',Arial;font-size:16px;} /*去除默認樣式*/ ul,ol,li{list-style:none;} /*表格邊框合並，邊框距零*/ table{border-collapse:collapse;border-spacing:0;} /*繼承父元素的字體系列樣式*/ input,select,textarea,button{font-family:inherit;} /*清除浮動*/ .fl{float:left;} .fr{float:right;} .cf{zoom:1;} .cf:after{content:"";display:table;clear:both;overflow:hidden;} /*a鏈接*/ a{text-decoration:none;color:#000;} a:hover{text-decoration:none;} /*去除點擊高亮效果*/ a,button,input,select,img,label{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:medium none;} input::-moz-focus-inner{border:none;padding:0;} select, input{vertical-align:middle;} /*去掉蘋果的默認UI來渲染按鈕*/ input[type="submit"],input[type="reset"],input[type="button"],button,select{-webkit-appearance:none;} /*placeholder文本顏色*/ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#ccc; } input:-moz-placeholder,textarea:-moz-placeholder{ color:#ccc; } /*html5標簽*/ header,footer,section,article,aside,nav,figure{display:block;} /*長英文字母 數字 換行*/ p{word-break:break-all;word-wrap:break-word;} /*去除默認樣式*/ h1,h2,h3,h4,h5,h6,strong,i,em,address, caption, cite, code, dfn, th, var{font-weight:normal;font-style:normal;} fieldset, img{border:none;display:block;} /*去除長按a鏈接彈框*/ html,body{-webkit-touch-callout:none;}
/* 設置為100是方便用rem單位計算 */ @media screen and (max-width: 319px) { html { /*font-size: 85.33333px;*/ font-size: 90px; } } @media screen and (min-width: 320px) and (max-width: 359px) { html { //font-size: 85.33333px; font-size: 90px; } } @media screen and (min-width: 360px) and (max-width: 374px) { html { font-size: 96px; } } @media screen and (min-width: 375px) and (max-width: 383px) { html { font-size: 100px; } } @media screen and (min-width: 384px) and (max-width: 399px) { html { font-size: 102.4px; } } @media screen and (min-width: 400px) and (max-width: 413px) { html { font-size: 106.66667px; } } @media screen and (min-width: 414px) { html { font-size: 110.4px; } } @media screen and (min-width: 600px) { html { font-size: 120px; } }
<object> 標簽用於包含對象，比如圖像、音頻、視頻、Java applets、ActiveX、PDF 以及 Flash;
iframe一般用來包含別的頁面，例如我們可以在我們自己的網站頁面加載別人網站的內容，為了更好的效果，可能需要使iframe透明效果.
iframe透明主要是使用了 allowtransparency="true" style="background-color=transparent" ;
<abbr> 標簽指示簡稱或縮寫，比如 "WWW" 或 "NATO",<abbr title="xxxxxxx">xxx</abbr>;
<address> 標簽定義文檔或文章的作者/擁有者的聯系信息。如果 <address> 元素位於 <body> 元素內，則它表示文檔聯系信息。如果 <address> 元素位於 <article> 元素內，則它表示文章的聯系信息。
<address> 元素中的文本通常呈現為斜體。大多數瀏覽器會在 address 元素前后添加折行；
瀏覽器顯示包含在 <big> 標簽和其相應的 </big> 標簽之間的文字時，其字體比周圍的文字要大一號。但是，如果文字已經是最大號字體，這個 <big> 標簽將不起任何作用。更妙的是，可以嵌套 <big> 標簽來放大文本。每一個 <big> 標簽都可以使字體大一號，直到上限 7 號文本，正如字體模型所定義的那樣。但是使用 <big> 標簽的時候還是要小心，因為瀏覽器總是很寬大地試圖去理解各種標簽，對於那些不支持 <big> 標簽的瀏覽器來說，它經常將其認為是粗體字標簽;<small>相反；
<q>標簽定義短的引用；
<strike> 標簽可定義加刪除線文本定義；
<sub> 標簽可定義下標文本。包含在 <sub> 標簽和其結束標簽 </sub> 中的內容將會以當前文本流中字符高度的一半來顯示，但是與當前文本流中文字的字體和字號都是一樣的;<sup>下標。