css基础大纲

Posted 2022-12-02 guxiaohai_

1. 不换行，并行
   display: -webkit-box;
2. 字体颜色
   color: red;
3. 宽度
   width: 100px;
4. 高度
   height: 100px;
5. 设置图标大小
   font-size: 100px;
6. 设置字体大小
   size: 100px;
7. 设置四面宽距（上；右；下；左；）
   margin: 0 0 0 0;
8. 背景颜色
   background-color: red;
9. 鼠标手型
   cursor: pointer;
10. 字体加粗
    font-weight: bold;
11. 字体间距
    letter-spacing: 1px;
12. 字体类型
    font-family: PingFang SC;
13. 边框圆角
    border-radius: 10px;
14. 设置div悬浮在最上层
    position: absolute;
    z-index: 999999; //级别
15. 遮盖层
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
16. 隐藏信息
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
17. 设置滚动条
    overflow-y: auto;
    direction: rtl; //滚动条在左边
18. 滚动条样式
    ::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的
    ::-webkit-scrollbar-button 滚动条两端的按钮
    ::-webkit-scrollbar-track 外层轨道
    ::-webkit-scrollbar-track-piece 内层滚动槽
    ::-webkit-scrollbar-thumb 滚动的滑块
    ::-webkit-scrollbar-corner 边角
    ::-webkit-resizer 定义右下角拖动块的样式
19. 透明度
    opacity: 0.5;
20. 去除button框框样式
    border-color: transparent;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    outline: none;