学习-WEB前端快速入门-25.26_CSS样式表_页面中颜色与表现方式

一、颜色

默认值：不同属性默认值不同
属性值：颜色名称、RGB色值、十六进制
相关属性：背景颜色：background-color
        字体颜色：color
    
可选值类型说明：
颜色名称 green\red\pink\skyblue\orange\...
RGB色值 rgb(0~255,0~255,0~255)    
十六进制 #FF1234 、#00aF67

例如：
 .div1{
      background-color:#123456;
      color:rgb(10,100,200)
 }

二、通透性

默认值：不同属性默认值不同

相关属性：
颜色透明度:RGBA 指的是颜色的通透性
元素透明度：opacity
元素可见性：visibility
元素存在性：dispaly

颜色透明度：RGBA
      主要适用于的css样式有color和background-color.
      color:rgba(0~255,0~255,0~255,0~1);
      background-color:rgba(0~255,0~255,0~255,0~1);

例如：
    .div1{
          olor:rgba(0,0,0,0.5);
    }
    

元素透明度：opacity
适用于所有能显示在页面中的html元素
opacity：0～1

*opacity没有单位，0表示完全透明不可见，1表示完全不透明
*opacity属性表示元素整体的透明度，而不仅仅表示文字颜色或背景颜色
*opacity属性为0时，表示元素“只是看不到”，但页面中仍然保留元素存在的痕迹

例如：
.div1{
    opacity:0.2;
  }

元素可见性：visibiliy
适用于所有能显示在页面中的html元素
visibiliy：visible\hidden

*visible，表示元素可见
*hidden，表示元素不可见，保留页面中存在的痕迹，但不影响应用户操作

例如：
.div1{
    visibiliy:hidden;用户仍然可以点击，opacity：看不到 点不了
  }
  

--

 元素存在性：display
      适用于所有html元素
      display:none;
      
      *默认不写表示存在
      *主动声明表示元素不可见，不保留页面中存在的痕迹，不能响应用户操作、
      
      例如：
          .div1{
               display:none；位置彻底不存在
           }