css一些常用属性统计(行高、背景、轮廓、vertical、鼠标样式、防文本拖拽)

css一些常用属性统计(行高、背景、轮廓、vertical、鼠标样式、防文本拖拽)

 

1、行高属性 line-height

        属性值与盒子的高度相同———垂直居中

        属性值＜盒子高度———文本靠上

        属性值＞盒子高度———文本靠下

 

2、背景（背景色、背景图）

         背景色 写法

1. 、英文单词   background-color: blue;
2. 、十六进制    background-color: #ff0000;
3. 、 RGB   红绿蓝     background-color: rgb(0, 255, 0);
4. 、rgba   红绿蓝透明度   background-color: rgba(255, 0, 0, 0.5);
1. 取值范围0-1
2.  1是完全不透明 ，0是完全透明
5. 、补充透明度 opacity: 0.5

3、轮廓  outline  :  绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

• outline : outline-color ||outline-style || outline-width
• 平时都是去掉的   outline: 0;或者outline: none;垂直对齐   vertical-align

 

4、垂直对齐   vertical-align

vertical-align 不影响块级元素中的内容对齐，它只针对于 行内元素或者行内块元素，特别是行内块元素， 通常用来控制图片/表单与文字的对齐

(1)     vertical-align: middle;  图片与文字垂直居中

(2)      vertical-align: top;  文字相对于图片上侧

(3)     vertical-align: bottom;  文字相对于图片下侧

 

5、鼠标样式 cursor: 样式

• cursor: default    小白（默认样式）
• cursor: pointer   小手
• cursor: move      移动
• cursor: text         文本

6、防止拖拽文本域  resize

•   resize：none 这个属性可以防止 火狐 谷歌等浏览器随意的拖动 文本域。
• <textarea  ></textarea>