[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
```
