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 不影响块级元素中的内容对齐,它只针对于 行内元素或者行内块元素,特别是行内块元素, 通常用来控制图片/表单与文字的对齐

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

    (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>

         

         

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

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

        上一篇:jQuery事件和效果


        下一篇:pm2部署nodejs项目 pm2: command not found