css基础大纲

Posted guxiaohai_

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css基础大纲相关的知识,希望对你有一定的参考价值。

  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;

以上是关于css基础大纲的主要内容,如果未能解决你的问题,请参考以下文章

前端小白基础学习课程大纲

教与学 | HTML5+CSS3+JavaScript(教学大纲)

PHP中文网 学习阶段规划

2021 面试题大纲

java02学习大纲

javascript课程大纲