1、css父元素和同級元素選擇器，css布局的三種機制？

CSS 布局的 3 種機制分別是普通流（標準流）、浮動和定位。

①普通流（標準流）

（1） 塊級元素會獨占一行，從上向下順序排列；

常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table

（2） 行內元素會按照順序，從左到右順序排列，碰到父元素邊緣則自動換行；

常用元素：span、a、i、em等

②浮動

讓盒子從普通流中浮起來,主要作用讓多個塊級盒子一行顯示。

③定位

將盒子定在瀏覽器的某一個位置——CSS 離不開定位，特別是后面的 js 特效。

2、css中focus的用法？

在css中，focus的意思是“焦點”，是一種偽類選擇器，作用是選取獲得焦點的元素；通過“:focus”選擇器可以對獲取焦點的元素設置樣式，語法為“元素:focus{css樣式代碼;}”。

在css中，focus是焦點的意思，通常表示的是“:focus”選擇器，“:focus”選擇器用于選取獲得焦點的元素。接收鍵盤事件或其他用戶輸入的元素都允許 :focus 選擇器。

3、css中父子元素和兄弟元素的區別？

父元素是上下級，包含的關系，兄弟元素是平級的關系

4、css中absolute和relative的區別？

absolute是絕對定位；而relative是相對定位； 解釋： 絕對定位就是相對于父元素的定位，不受父元素內其他子元素的影響； 而相對定位是相對于同級元素的定位，也就是上一個同級元素。 區別 區別是指兩個或兩個以上的事物間的不同,一般是在存在共同點的情況下說有"區別"，世間萬物，不可能任何東西都是一樣的，世上沒有兩片一樣的葉子。當兩種相似的事物作比較時，它們的不同點便是區別。