HTML笔记 阴影与渐变调节

     a链接样式：

               a:link:     未访问时链接的状态；

               a:visited     访问后链接的状态；

               a:hover     鼠标经过、悬停时链接的状态；

               a:active     鼠标单击不动时的链接的状态；

               text-decoration:none;     清除链接默认的下划线；

    

     box-shadow: 像素值1， 像素值2， 像素值3， 像素值4，颜色值，阴影类型；

              像素值1：元素水平阴影位置，

像素值2：元素垂直阴影位置；

像素值3：阴影模糊半径

像素值4：阴影拓展半径；

             颜色值：阴影颜色；

             阴影类型：内阴影（insert）/外阴影（默认）

     RGBA模式：

               新的颜色的延伸；

               使用：rgba（r,g,b,alpha）;在红、绿、蓝三原色基础上添加了不透明度参数；alpha是介于0.0~1.0之间的数字；

    

     opacity:0.0~1.0之间的数字；可以是任何元素呈现透明效果；

     线性渐变：

               background-image:linear-gradient(渐变角度，颜色值1、、、);

     径向渐变：

               background-image:radial-gradient(渐变形状 圆心位置，颜色值1、、、)

               渐变形状：1、像素比：定义形状的水平和垂直半径，如“80px 50px”表示水平半径为80px,垂直半径为50的椭圆形；

                               2、circle :指定圆形的径向渐变；

                               3、ellipse:指定椭圆形的径向渐变；

     重复线性渐变：

               background-image:repeating-linear-gradient(渐变角度，颜色值1、、、)

/*重复线性渐变，角度，从哪个颜色开始，从哪个比例值开始*/

           background-image : repeating-linear-gradient ( 90 deg , red , #0f0 50 % , #00f 100 %

   

     重复径向渐变：

               background-image:repeating-radial-gradient( 渐变形状 圆心位置，颜色值1、、、 )

     overflow：

               当盒子内的元素超过盒子自身大小时，内容就会溢出，规范溢出内容的显示方式，需要使用overflow属性；

               visible：内容不会被修剪，会呈现在元素框之外（默认值）；

               hidden：溢出内容会被修剪，并且被修剪内容时不可见的；

               auto：在需要时产生滚动条，即自适应所要显示的内容；

               scroll：溢出内容会被修剪，且浏览器会始终显示滚动条；