Css3Two

文本溢出样式设置

文本超出容器以后：

1. 换行显示
2. 超出容器部分也显示

//  封装一个类名和请浮动一样。常在开发中使用
.ellipsis{
  //超出部分不显示
  whiter-space：nowrap
  //超出隐藏
  overflow：hidden
  //超出以后生成省略号
  text-overflow：ellipsis
  //元素必须是一个块级元素
  display:block
  }

伪类和伪元素

伪类和伪元素 都是css中的
伪类:通过伪类选择器去选择到不存在与DOM树中的信息通过一般的选择器获取不到（:hover）（:eth-child）

伪元素：在DOM树中创建了一个元素这给元素不存在于html源码中，我们无法去获取一行文字的第一个字，一段文字的第一行字。我们可以把他们变成一个伪元素来获取到并控制样式
样式控制的优先级顺序
!important>style>id>class(伪类也是类)>标签名（伪元素）> * >继承

其他伪元素

first-letter：选中段落文字中的第一个字。
first-line： 选中段落文字中的第一行，把第一行当成了一个伪元素
selection ：当鼠标选中文字的时候文字的样式一般支持颜色和背景颜色

自定义的checkbox

checkbox只能支持宽高设置，不能支持其他样式的设置
css3提供了一个属性 可以去掉单选框多选框的默认样式
css3样式中 有私有的和w3c标准的。
当一个样式支持性处于测试阶段的时候，一般这个属性可能会是测试浏览器私有的所以要加上当前浏览器的前缀
appearance：none//去除checkbox 的默认样式
-webkit谷歌前缀
-moz火狐前缀
-o-欧鹏前缀
-ms-IE浏览器

浏览器的内核和前缀

浏览器：谷歌 火狐 safari 欧鹏 IE
内核：谷歌（Webkit）火狐（Gecko）safari（Webkit）欧鹏（Webkit）IE（trident）

结构伪类选择器

选择当前在父级中第一个子元素不一定是一个
first-child
选中div中的元素并且这给元素是div中最好一个元素