今天老师讲的是关于样式表的知识，内容挺多的，但是很好消化，因为非常有意思~
今天又学了一些样式表中的新标签，总结如下：
background:rgba(x,x,x,1/0)前三位代表颜色；最后一位的1代表不透明，0代表透明。
background: url(图片的相对位置)；
不平铺：no-repeat；
图片大小：background-size；
字体：font-family；
字体大小： font-size；
字体风格：font-style；
字体粗细：font-weight；
添加到文本的修饰：text-decoration；
①none默认，定义标准的文本。
②underline定义文本下的一条线。
③overline定义文本上的一条线。
④line-through定义穿过文本下的一条线。
⑤blink定义闪烁的文本。
⑥inherit规定应该从父元素继承 text-decoration 属性的值。
规定当内容溢出元素框时发生的事情：overflow；
①visible默认值。内容不会被修剪，会呈现在元素框之外。
②hidden内容会被修剪，并且其余内容是不可见的。
③scroll内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
④auto如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
⑤inherit规定应该从父元素继承 overflow 属性的值。
按钮：.btn{}；
①default默认光标（通常是一个箭头）
②auto默认。浏览器设置的光标。
③crosshair光标呈现为十字线。
④pointer光标呈现为指示链接的指针（一只手）
⑤move此光标指示某对象可被移动。
⑥e-resize此光标指示矩形框的边缘可被向右（东）移动。
⑦ne-resize此光标指示矩形框的边缘可被向上及向右移动（北/东）。
nw-resize此光标指示矩形框的边缘可被向上及向左移动（北/西）。
n-resize此光标指示矩形框的边缘可被向上（北）移动。
se-resize此光标指示矩形框的边缘可被向下及向右移动（南/东）。
sw-resize此光标指示矩形框的边缘可被向下及向左移动（南/西）。
s-resize此光标指示矩形框的边缘可被向下移动（南）。
w-resize此光标指示矩形框的边缘可被向左移动（西）。
⑧text此光标指示文本。
⑨wait此光标指示程序正忙（通常是一只表或沙漏）。
⑩help此光标指示可用的帮助（通常是一个问号或一个气球）。
对元素进行旋转、缩放、移动或倾斜：transform。
然后自己简单做了个按钮，添加了一些自定义的内容和特效，越来越有意思了。
加油加油↖(^ω^)↗