rgba()和opacity的透明效果有什麼不同？
rgba()和opacity都能實現透明效果，但最大的不同是opacity作用於元素，以及元素內的所有內容的透明度，
css中可以讓文字在垂直和水平方向上重疊的兩個屬性是什麼？
垂直方向：line-height
如何垂直居中一個浮動元素？ // 方法一：已知元素的高寬
#div1{ background-color:#6699FF; width:200px; height:200px; position: absolute; //父元素需要相對定位//方法二:未知元素的高寬
#div1{ width: 200px; height: 200px; background-color: #6699FF; margin:auto; position: absolute; //父元素需要相對定位那麼問題來了，如何垂直居中一個<img>?（用更簡便的方法。）
#container //<img>的容器設置如下
px和em的區別。
px和em都是長度單位，區別是，px的值是固定的，指定是多少就是多少，計算比較容易。em得值不是固定的，並且em會繼承父級元素的字體大小。
描述一個”reset”的CSS文件並如何使用它。知道normalize.css嗎？你瞭解他們的不同之處？
重置樣式非常多，凡是一個前端開發人員肯定有一個常用的重置CSS文件並知道如何使用它們。他們是盲目的在做還是知道為什麼這麼做呢？原因是不同的瀏覽器對一些元素有不同的默認樣式，如果你不處理，在不同的瀏覽器下會存在必要的風險，或者更有戲劇性的性發生。
Sass、LESS是什麼？大家為什麼要使用他們？
他們是CSS預處理器。他是CSS上的一種抽象層。他們是一種特殊的語法/語言編譯成CSS。
display:none與visibility:hidden的區別是什麼？
display : 隱藏對應的元素但不擠佔該元素原來的空間。 visibility: 隱藏對應的元素並且擠佔該元素原來的空間。
CSS中link和@import的區別是：
Link屬於html標籤，而@import是CSS中提供的
簡介盒子模型：
CSS的盒子模型有兩種：IE盒子模型、標準的W3C盒子模型模型
為什麼要初始化樣式？
由於瀏覽器兼容的問題，不同的瀏覽器對標籤的默認樣式值不同，若不初始化會造成不同瀏覽器之間的顯示差異
BFC是什麼?
BFC（塊級格式化上下文），一個創建了新的BFC的盒子是獨立佈局的，盒子內元素的佈局不會影響盒子外面的元素。在同一個BFC中的兩個相鄰的盒子在垂直方向發生margin重疊的問題 BFC是指瀏覽器中創建了一個獨立的渲染區域，該區域內所有元素的佈局不會影響到區域外元素的佈局，這個渲染區域只對塊級元素起作用
html語義化是什麼？
當頁面樣式加載失敗的時候能夠讓頁面呈現出清晰的結構
Doctype的作用？嚴格模式與混雜模式的區別？
<!DOCTYPE>用於告知瀏覽器該以何種模式來渲染文檔
IE5-8不支持opacity，解決辦法：
.opacity { opacity: 0.4IE6不支持PNG透明背景，解決辦法: IE6下使用gif圖片
對WEB標準以及W3C的理解與認識
答：標籤閉合、標籤小寫、不亂嵌套、提高搜索機器人搜索機率、使用外 鏈css和js腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件，容易維 護、改版方便，不需要變動頁面內容、提供打印版本而不需要複製內容、提高網站易用性。
行內元素有哪些?塊級元素有哪些?CSS的盒模型?
答：塊級元素：div p h1 h2 h3 h4 form ul
前端頁面有哪三層構成，分別是什麼?作用是什麼?
答：結構層 Html 表示層 CSS 行為層 js。
Doctype作用? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?
（1）、<!DOCTYPE> 聲明位於文檔中的最前面，處於 <html> 標籤之前。告知瀏覽器的解析器，用什麼文檔類型 規範來解析這個文檔。
（2）、嚴格模式的排版和 JS 運作模式是 以該瀏覽器支持的最高標準運行。
（3）、在混雜模式中，頁面以寬鬆的向後兼容的方式顯示。模擬老式瀏覽器的行為以防止站點無法工作。
（4）、DOCTYPE不存在或格式不正確會導致文檔以混雜模式呈現。
行內元素有哪些？塊級元素有哪些？ 空(void)元素有那些？
（1）CSS規範規定，每個元素都有display屬性，確定該元素的類型，每個元素都有默認的display值，比如div默認display屬性值為“block”，成為“塊級”元素；span默認display屬性值為“inline”，是“行內”元素。
CSS的盒子模型？
（1）兩種， IE 盒子模型、標準 W3C 盒子模型；IE 的content部分包含了 border 和 pading;
CSS 選擇符有哪些？哪些屬性可以繼承？優先級算法如何計算？ CSS3新增偽類有那些？
p:first-of-type 選擇屬於其父元素的首個 <p> 元素的每個 <p> 元素。
p:last-of-type 選擇屬於其父元素的最後 <p> 元素的每個 <p> 元素。
p:only-of-type 選擇屬於其父元素唯一的 <p> 元素的每個 <p> 元素。
p:only-child 選擇屬於其父元素的唯一子元素的每個 <p> 元素。
p:nth-child(2) 選擇屬於其父元素的第二個子元素的每個 <p> 元素。
:enabled、:disabled 控制表單控件的禁用狀態。
:checked，單選框或複選框被選中。
1.id選擇器（ # myid）
2.類選擇器（.myclassname）
3.標籤選擇器（div, h1, p）
4.相鄰選擇器（h1 + p）
5.子選擇器（ul < li）
6.後代選擇器（li a）
7.通配符選擇器（ * ）
8.屬性選擇器（a[rel = "external"]）
9.偽類選擇器（a: hover, li: nth - child）
可繼承： font-size font-family color, UL LI DL DD DT;
不可繼承 ：border padding margin width height ;
優先級就近原則，樣式定義最近者為準;
載入樣式以最後載入的定位為準;
優先級為:
!important > id > class > tag
important 比 內聯優先級高
CSS3新增偽類舉例：
如何居中div,如何居中一個浮動元素?
給div設置一個寬度，然後添加margin:0 auto屬性
div{
width:200px; margin:0 auto;
} 居中一個浮動元素
確定容器的寬高 寬500 高 300 的層
.div {
Width:500px ; height:300px;//高度可以不設Margin: -150px 0 0 -250px;position:relative;相對定位background-color:pink;//方便看效果left:50%;top:50%;
}