html css注意點總結（待續）
HTML部分：
1.<!DOCTYPE> 是幹什麼用的？
是用來宣告HTML是用哪個版本寫的，如<!DOCTYPE html>是指用HTML5。
2.一個網站包括哪3塊內容？
html：結構層，css：樣式層， JavaScript：行為層。
3.<html lang="zh">中 lang屬性是做什麼用的？
指明使用什麼語言，zh表示中文，en表示英文。
4.<img src="" alt="" title=""> img中的title和alt屬性有什麼區別？
alt屬性當圖片未能顯示的時候代替圖片顯示，title作為滑鼠移到圖片上時顯示的提示。
5.<a>標籤如何在本視窗開啟一個新介面，而不是再開一個新視窗？
<a href="" target="_blank"> 新增target屬性，並將值設成 “_blank”。
6.如何在本頁面設定錨點？在跳轉頁設定錨點（跳到另一個頁面的錨點處）？
（1）首先將要到達點的id設定好 如： <div id="top"></div> ，然後設定錨點href屬性的值為原先到達點的id <a href="#top">
（2）跳轉頁就是在跳轉頁面後新增到達點的id <a href="http://abc.com/#top">
7.有哪些塊元素？行元素？
塊：
文字：p h1~h6
容器： div table tr td th from ul li ol dl dt dd
行：img a input strong em del span b select textarea i
8.巢狀規則
- 塊元素可以巢狀行元素 <p><span></span></p> <div><span></span></div>
- 行元素可以巢狀行元素 <span><b></b><span>
- 容器塊元素可以巢狀塊元素 <div><p></p></div> <ul><li></li></ul>
- 行元素不可以巢狀塊元素
- 文字類塊元素不可以巢狀塊元素
CSS部分：
1.CSS外部樣式表，內部樣式表，內聯樣式表載入順序如何？以及各種選擇器的載入順序
匯入樣式 == 》外部樣式表 ==》 內部樣式表 ==》 內聯樣式表 ==》 帶有!important的屬性
* ==》 標籤 ==》 class ==》 id ==》 內聯樣式
2.五大瀏覽器的核心是什麼及字首怎麼表示？
Chrome： WebKit -webkit-
Safari： WebKit -webkit-
Firefox： Gecko -moz-
IE ： Trident -ms-
Opera： Presto -o-
3.引入外部樣式表可以使用link也可以使用@import，兩者的區別是什麼？
- link可以附帶rel等屬性值，@import不行
- link會和頁面同時載入，@import需要頁面載入完畢才執行
- link不存在相容性問題，@import在CSS2.1前不能使用
- link匯入的樣式表是可以通過DOM控制的，而@import不行
4.漸進增強和優雅降級是什麼？
由於CSS3的特性並不是所有使用者的瀏覽器都相容，所以需要從兩個角度去考慮如何使用這些特性，以達成最好的效果
- 漸進增強：在使用者普遍使用低版本瀏覽器的情況下，先滿足低版本的頁面顯示，再不影響到這些瀏覽器顯示的情況下，進一步對高版本的瀏覽器進行頁面美化，即使用新特性
- 優雅降級：在使用者普遍使用高版本瀏覽器的情況下，使用新特性，然後再滿足低版本瀏覽器頁面的正常顯示
5.css 如何對不同的IE版本展示不同的顯示
1.只在IE下生效
<!--[if IE]>
這段文字只在IE瀏覽器顯示
<![endif]-->
2.只在IE6下生效
<!--[if IE 6]>
這段文字只在IE瀏覽器顯示
<![endif]-->
3.只在IE6以上版本生效
<!--[if gte IE 6]>
這段文字只在IE瀏覽器顯示
<![endif]-->6.如何使用偽元素清除浮動？
:after{
content: ' ';
display: table;
clear: both;
}7.實現單行省略和多行省略
{
width:xxpx;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}該多行方法只能在webkit核心瀏覽器使用
{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}