readOnly 和 disabled

readOnly為只讀模式，並且只對input和textarea有效
disabled對所有表單元素都有效，並且表單元素使用disabled後，post或get的方式提交，這個元素的值不會傳輸出去    

link和@import的區別

link屬於HTML標籤，可以引入出css以外的事務，如RSS，而@import是css提供的，只能載入css檔案。
link會在頁面載入同時載入，@import會等到頁面載入完成再載入。
import只在IE5以上才能識別，link五相容性問題。
link防止的樣式權重，高於@import的權重。
link可以使用JavaScript控制dom改變樣式，@import不可以。
 

css3新特性

圓角。(border-radius)
陰影。(box-shadow/text-shadow)
漸變。(gradient)
旋轉、定位、縮放、傾斜。(transform:rotate/translate/scale/skew)
增加了更多選擇器。
多背景。
rgba。
動畫。
媒體查詢。
多欄佈局與盒佈局。
新的盒模型計算方式（box-sizing）。

css3新增的偽類

first-of-type、first-child、last-child、last-of-type、only-child、nth-child、enabled、checked、only-of-type、roo。
唯一的偽元素：::selection。
 

display:none和visibility:hidden的區別

display:none隱藏元素，在文件佈局中不在給它分配空間，它個邊的元素會合攏，就當他從來不存在。
visibility:hidden隱藏元素，但是在文件佈局中仍保留原來的空間。

列display的值和作用。position的值， relative和absolute定位原點

• block 象塊型別元素一樣顯示。
  none 預設值。向行內元素型別一樣顯示。
  inline-block 象行內元素一樣顯示，但其內容象塊型別元素一樣顯示。
  list-item 象塊型別元素一樣顯示，並新增樣式列表標記。

• position的值
  absolute：生成絕對定位的元素，相對於 static 定位以外的第一個父元素進行定位。
  fixed （老IE不支援）：生成絕對定位的元素，相對於瀏覽器視窗進行定位。
  relative：生成相對定位的元素，相對於其正常位置進行定位。
  static 預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right z-index 宣告）。
  inherit 規定從父元素繼承 position 屬性的值。