zoukankan      html  css  js  c++  java
  • 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>
     
  • 相关阅读:
    比较两个json数组是否有相同的选项
    使用gulp实现静态资源版本号替换
    Happy Halloween
    前端学习plan
    Python之函数式编程
    秋意浓
    2018给自己个plan,给自己一个小目标
    see goodbye with 2017
    杂记(一)
    The fruit in mid-summer
  • 原文地址:https://www.cnblogs.com/wenaq/p/13513193.html
Copyright © 2011-2022 走看看