css一些常用属性统计(行高、背景、轮廓、vertical、鼠标样式、防文本拖拽)
1、行高属性 line-height
属性值与盒子的高度相同———垂直居中
属性值<盒子高度———文本靠上
属性值>盒子高度———文本靠下
2、背景(背景色、背景图)
背景色 写法
-
、英文单词 background-color: blue;
-
、十六进制 background-color: #ff0000;
-
、 RGB 红绿蓝 background-color: rgb(0, 255, 0);
-
、rgba 红绿蓝透明度 background-color: rgba(255, 0, 0, 0.5);
-
取值范围0-1
-
1是完全不透明 ,0是完全透明
-
、补充透明度 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>