css的有关学习

@charset "UTF-8";
@font-face {
  font-family: "Exo2-Regular";
  src: url("/fonts/pc/Exo_2/Exo2-Regular.ttf");
设置的有关页面的字体 还有编译文字
}

html,body {
  font-size: 16px;
}	

outline:none;
border:none;
background-color:rgba(x,x,x,1);

z-index:0;
position:relative;
position:absolute;
position:fixed;

padding:1px 2px 3px 4px; 上右下左
padding:1px 2px 3px; 上 左右 下
padding:1px 2px; 上下  左右
box-sizing:border-box; 通过已经设置了宽度和高度了盒子里进行内边距 边框的设置
box-sizing:content-box; 在设定好的宽度和高度之外设置内边距和边框
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

  transition: all 0.7s ease-in-out 0; 
  1.transition-property css的属性名称 如background color
  2.transition-duration ：规定完成过度效果需要
	

.x:focus{}  选择后焦点
.x:hover{}  //鼠标滑过
.x:after{content:'';font-size:416px}  .x:before{}
a:link{}  //未访问的连接
a:visited //已经访问
a:active  //鼠标点击的连接
.x:first-child{}  //父元素的第一个子元素
p>i:first-child 
.x:last-child{}
p:first-line{} //p元素的第一行

类选择器 id选择器  标签选择器  分组选择器  后代选择器  属性选择器  通用选择器 兄弟选择器  直接父子选择器 

.x{} #x{} p{} p,h1,body{} div p{} [name='xx']{}  *{}  p+div{}  div>p{}