CSS揭秘心得

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

第一章 编码技巧

浏览 120 扫码 分享 2023-11-26 09:19:56
  • 1 减少代码的重复
    • 当某些值相互依赖时,应该把 它们的相互关系用代码表达出来
    • 代码简写

    1 减少代码的重复

    当某些值相互依赖时,应该把 它们的相互关系用代码表达出来

    font-size: 20px;
    line-height: 1.5;
    
    行高是字体的1.5倍
    

    代码简写

    左侧不加边框
    border-width: 10px 10px 10px 0;||
    
    border-width: 10px;
    border-left-width: 0;
    
    继承
    a { color: inherit; }
    

    若有收获,就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • 第一章 编码技巧
    • 第二章 背景与边框
      • 1 半透明边框
      • 2 多重边框
      • 3 背景定位
      • 4 边框内圆角
      • 5 条纹背景
        • 5-1 水平条纹
        • 5-2 垂直条纹
        • 5-3 斜向条纹
        • 5.4 复杂的背景图案
        • 5.5 伪随机背景
      • 6 连续的图片边框
    • 第三章 形状
      • 1 椭圆
      • 2 平行四边形
      • 3 菱形图片
      • 4 切角效果
      • 5 矩形
      • 6 饼图
    • 第四章 视觉效果
      • 1 单侧投影
      • 2 不规则投影
      • 3 染色效果
      • 4 毛玻璃效果
      • 5 折角效果
    • 第五章 字体排印
      • 1 连字符断行
      • 2 插入换行
      • 3 文本行的斑马条纹
      • 4 调整 tab 的宽度
      • 5 连字
      • 6 华丽的 & 符号
      • 7 文字效果
    • 第六章 用户体验
      • 1 自定义复选框
      • 2 弱化背景
    • 第七章 结构与布局
      • 1 自适应内部元素
      • 2 垂直居中
    • 第八章 过度与动画
      • 1 缓动效果
      • 2 状态平滑的动画
      • 3 沿环形路径平移的动画
    暂无相关搜索结果!

      让时间为你证明

      展开/收起文章目录

      分享,让知识传承更久远

      文章二维码

      手机扫一扫,轻松掌上读

      文档下载

      请下载您需要的格式的文档,随时随地,享受汲取知识的乐趣!
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度

          思维导图备注