近期学到的css样式

1,字体上下居中：

line-height: 20px（所在标签高度）

2,设置边框圆角：

border-radins: 4px(圆角的成都，数越大越圆)

3,input设置的文本框禁止输入文字：

加入属性readonly="readonly"或者disabled="disabled"

他俩唯一的区别就是后者会改变文本框的颜色。

4,按钮变色：

标签名（标签类名或者id名都可以):hover{background-color:black（颜名）}

.类名（#id名）:hover{background-color:black（颜名）}

5,border-style: dotted（上） solid（右） double（下） dashed（左）

这些是：上边框点状 右边框实线 下边框双线 左边框虚线

6,设置按钮的两种方法：

(1),<button>标签

(2),input{type="button",value="内容"}

7,h系列标签（比如h1）默认自己独占一行

缺点：有时候会把其他的标签基础同在的div块中

8,span标签是字标签 ：可以解决h标签独占一行的问题，

因为字有多大它就有多大。

9,背景颜色渐变（可以使按钮看起来更明显即更高一些）

background-image: linear-gradient(to bottom, +2个颜色)

比如：background-image: linear-gradient(to bottom,#fff,#e6e6e6);

注意：如果设置了背景颜色渐变那么按钮变色就不能用background-color:black（颜名）来设置了

要用background-image: linear-gradient(to bottom ,#e6e6e6 ,#e6e6e6)（里面的颜色是一种颜色不同的话就成渐变了）

10,鼠标变手

（1）cursor:pointer

(2)cursor:hand

他俩的不同就在于适用的浏览器不同