1、鼠标漂浮变手指

cursor: pointer;

2、伪类漂浮变色

.song:hover{
    background-color: rgba(192,192,192,0.5);
}

3、网页颜色显示形式

• 单词：red green black...用法：

.a{
     color=pink;
   }

• rgb三原色(红绿蓝)：rgb(0,0,0) 每一项0-255变化，全0为黑，全255为白，用法：

.a{
     color=rgb(0,24,78)
   }

若使用rgba();则最后一个参数变化范围为0~1代表透明度

• 继承上一种，不过是16进制表示，如#000000(黑色) #ffffff(白色) #325687 #377405，用法：

.a{
     color="#000000
   }

4、出现滚轮

overflow:scroll;         ##水平和竖直滚轮都出现
overflow-y:scroll      ##只出现竖直滚轮
overflow-x:scroll      ##只出现水平滚轮
overflow-y:hidden;   ##隐藏竖直滚轮
overflow-x:hidden;   ##隐藏水平滚轮

5、滚轮美化

• 原来

.f
{
    overflow:scroll;
    overflow-x:hidden;
 }

• 添加美化

.f::-webkit-scrollbar {
  width: 5px;
}

/* 滚动槽 */
.f::-webkit-scrollbar-track {
  border-radius: calc(50%);
}

/* 滚动条滑块 */
.f::-webkit-scrollbar-thumb {
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  -webkit-transition: 0.3s background-color;
  transition: 0.3s background-color;
}

6、其他布局内容详见今日所发源码