样式表

 今天老师讲的是关于样式表的知识，内容挺多的，但是很好消化，因为非常有意思~

今天又学了一些样式表中的新标签，总结如下：

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。

 

    然后自己简单做了个按钮，添加了一些自定义的内容和特效，越来越有意思了。

    加油加油↖(^ω^)↗