css1

1. 居中div？參考鏈接
   水平居中：給div設置一個寬度，然後添加margin:0 auto屬性

   div{
   width:200px;
   margin:0 auto;
   }

水平垂直居中一

確定容器的寬高 寬500 高 300 的層
設置層的外邊距

div {
    position: relative;     /* 相對定位或絕對定位均可 */
    width:500px; 
    height:300px;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -250px;      /* 外邊距爲自身寬高的一半 */
    background-color: pink;     /* 方便看效果 */

 }

水平垂直居中二

未知容器的寬高，利用 transform 屬性

div {
    position: absolute;     /* 相對定位或絕對定位均可 */
    width:500px; 
    height:300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: pink;     /* 方便看效果 */

}

水平垂直居中三

利用 flex 佈局
實際使用時應考慮兼容性

.container {
    display: flex; 
    align-items: center;        /* 垂直居中 */
    justify-content: center;    /* 水平居中 */

}
.container div {
    width: 100px;
    height: 100px;
    background-color: pink;     /* 方便看效果 */
}

2. CSS選擇符有哪些？哪些屬性可以繼承？
   id選擇器（ # myid）
   類選擇器（.myclassname）
   標籤選擇器（div, h1, p）
   相鄰選擇器（h1 + p）
   子選擇器（ul > li）
   後代選擇器（li a）
   通配符選擇器（ * ）
   屬性選擇器（a[rel = “external”]）
   僞類選擇器（a:hover, li:nth-child）

可繼承樣式： font-size font-family color, UL LI DL DD DT;

不可繼承的樣式：border padding margin width height ;

3. CSS優先級算法如何計算？
   優先級就近原則，同權重情況下樣式定義最近者爲準;
   載入樣式以最後載入的定位爲準;

優先級爲:
同權重: 內聯樣式表（標籤內部）> 嵌入樣式表（當前文件中）> 外部樣式表（外部文件中）。
!important > id > class > tag
important 比 內聯優先級高

4. 盒子模型計算所佔寬度或者高度

width=(Element）的width + padding的左邊距和右邊距的值 + margin的左邊距和右邊距的值 + border的左右寬度；

height = 元素（element）的height + padding的上下邊距的值 + margin的上下邊距的值 ＋ border的上下寬度。

span元素裏面放一個6px的字體，計算寬度？
因爲span屬於內聯元素，而內聯元素是忽略寬度和高度的。
內聯元素定義爲盒裝元素的方法有兩種：
1.直接使用顯示屬性display將其定義爲盒裝元素；
display:block;
2.使用浮動屬性float將其自動定義爲盒裝元素；