[TOC]
## 1. CSS三角形
```
width:0;
height:0;
border:transparent
；
border-top:red;
```
## 2.position那些值可以設置，z-index的權重
```
absolute relative
```
## 4.css選擇器有哪些，選擇器的權重的優先級
選擇器類型
```
1、ID #id
2、class .class
3、標簽 p
4、通用 *
5、屬性 [type="text"]
6、偽類 ：hover
7、偽元素 ::first-line
8、子選擇器、相鄰選擇器
```
## 5.CSS選擇符有哪些？哪些屬性可以繼承？
```
* 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 ;
```
## 6. “nth-of-type（）”和“nth-child（）”選擇器之間有什么區別？
div>(span^p*3)
p：nth-child(2)有兩個約束：
1、父級元素下的第二個元素
2、并且第二元素必須是p元素
p：nth-of-type(2)有一個約束：
1、父級元素下的第二個p元素，也就是說不管E元素前面有多少個其他元素，它只會找到第二個p元素
8.console.log(0.1 + 0.2 ==
## 6.圖片間隙
- 設置圖片的垂直對齊方式
```
img {vertical-align:top;}
```
- 設置父對象的文字大小為0px
```
font-size：0
```
## 7.<img>的title和alt有什么區別
1. title是當鼠標滑動到元素上的時候顯示。
2. alt是<img>的特有屬性，是圖片內容的等價描述，當圖片無法加載時顯示。
## 8.頁面導入樣式的方式，使用link和@import有什么區別？
```
1.將元素寫在style屬性里
2。寫在style元素里
3.通過link標簽，引入css樣式
```
~~~
1) link 引用css是同步加載的 ，import 需要等頁面加載完后，再加載，是異步加載
2) link是XHTML標簽，除了加載css文件外，還可以加載其他事務，如加載模板，import只能加載css文件
3)link支持動態js去控制DOM節點去改變樣式，而@import不支持
~~~
## 9、rgba和opacity的透明效果有什么不同？
~~~
opacity會繼承父元素的 opacity 屬性，而RGBA設置的元素的后代元素不會繼承不透明屬性。比如rgba的話,內部的文字透明度不會發生變化，而opacity的話，會影響到內部的文字
~~~
## 10、你知道那些css預處理器，及好處
~~~
sass，sass是基于Ruby語言寫，ruby是日本的
比css多了很多功能如：嵌套，繼承，作用域更明確，易于閱讀，簡化了代碼量
~~~
## 11、：和：：的區別
```
一個冒號是偽類，兩個冒號是偽元素
偽類有：:link:，vistited，:hover:，active，:focus，
偽元素有：:first-line，:first-letter，:before，:after
```
## 12.h1、title，b、strong，i、em的區別
* 1.b和strong的區別
```
`b` --文本加粗
`strong` --強調加粗
```
* 2.i和em的區別
```
I是Italic(斜體)，而em是emphasize(斜體強調)。
```
* 3.title與h1的聯系：
```
`title`**定義整個網頁的標題**，只在瀏覽器頂部的tab欄里顯示，在網頁中不顯示，是寫給搜索引擎看。
`h`標簽是網頁中某篇文章或某段文字的標題，是網頁內容的一部分，在網頁中會顯示，是寫給用戶看的。
```
## 13.HTML和XHTML的區別
```
HTML是一種基于web網頁的設計語言，XHTML是基于XML，元素必須正確嵌套，標簽必須小寫，必須有根元素
```
## 14.超出寬度的文字顯示為省略號
```
overflow: hidden;
width: 200px;
white-space: nowrap;
text-overflow: ellipsis
```
