前端笔记
首页
社区文章摘录
首页
社区文章摘录
  • Mac操作及相关

    • Mac常用快捷键
    • Mac文件的相关操作
  • Angular
    • angular tips
    • angular lib
    • rxjs的基本概念
    • rxjs操作符
    • 在angular中使用msw模拟接口数据
  • React
    • React文章摘录
    • React中Key的作用
  • Vue3
    • Vue3基础技巧
  • Typescript
    • Typescript类型体操
  • Javascript
    • input事件处理
    • stop input autocomplete
    • 常用js代码收集
    • 最全正则表达式大全
    • 常见Promise问题
    • decodeURIComponent 和 decodeURI 以及unescape的定义和区别
  • CSS
    • flex布局

      • 手动拖动展示图片的列表页面
      • flex实现footer吸底
      • flex子元素溢出父元素
    • css特性收集
      • Css特性收集
    • css打印样式
    • css getComputedStyle
    • footer-sticker
    • absolute固定定位
    • getBoundingClientRect和offsetWidth的区别
    • 微信小程序样式问题
  • GitHub
    • Git相关
  • VsCode
    • vscode user snippets
    • 玩转vscode
    • 我的vscode配置
  • learn vuepress
    • 学习vuepress

# Css特性收集

  • background-attachment:fixed; // 固定背景图,常用来做视差滚动.
  • text-decoration:line-through ; // 文字中间加上了划线.
  • 给body设置font-size后,其他元素的行高受影响, 此时要将受影响的元素的font-size设置为0. (opens new window).
  • 对应position:fixed的元素,如果他的父元素存在transform不为none的属性时,定位容器由视口改为该祖先。而我们用的这个ng-zorro的tabs内包裹内容的区块全是transform (opens new window).

← flex子元素溢出父元素 css打印样式 →