首页 > 其他分享 >reset.scss

reset.scss

时间:2023-01-29 14:35:41浏览次数:32  
标签:reset scss flex start inline font margin size

/* reset.scss */

h1, h2, h3, h4, h5, h6 {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
h1 { font-size: 3rem; }
h2 { font-size: 2.6rem; }
h3 { font-size: 2.2rem; }
h4 { font-size: 2rem; }
h5 { font-size: 1.8rem; }
h6 { font-size: 1.6rem; }

section, div, p, address, article, aside, blockquote,
header, footer, main, summary, nav, dl, ul, ol {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
dl { flex-direction: column; }
dd {
  position: relative;
  display: inline-flex;
  margin: 0;
  margin-inline-start: 2rem;
}
ul, ol {
  flex-direction: column;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 4rem;
}
li {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
address { font-style: normal; }
p {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

strong, b, mark, a, del, i, em, pre, code, samp,
label, span, small, time, u, s, var {
  position: relative;
  display: inline-flex;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
strong, b { font-weight: 500; }
mark {
  color: inherit;
  background-color: transparent;
}
a, del, u, s { text-decoration: none; }
i, em { font-style: normal; }
small { font-size: 1.2rem; }

标签:reset,scss,flex,start,inline,font,margin,size
From: https://www.cnblogs.com/h6lianfu/p/17072585.html

相关文章

  • main.scss
    /*main.scss*/@import'./color.scss';@import'./mixin.scss';*,*::before,*::after{box-sizing:border-box;}html{text-size-adjust:100%;-web......
  • 不能直接在 CSS 变量中写计算,针对于 Scss 项目
    不论是在Scss还是在CSS中,给CSS变量(自定义变量)直接写计算,都不会生效。例如:*{--text-size:calc(100px*1);}打开浏览器查看计算的样式表中,并没有计算得到10......
  • color.scss
    $primary:#F72E96FF;//rgba(247,46,150,1)$secondary:#2979FFFF;//rgba(41,121,255,1)$success:#388E3CFF;//rgba(56,142,60,1)$info:#8470FFFF;//......
  • scrollbar.scss
    /*stylelint-disable*/@import'./color.scss';/*滚动条整体样式*/::-webkit-scrollbar{width:0.8rem;/*高宽分别对应横竖滚动条的尺寸*/height:0.8re......
  • mixin.scss
    @import'./color.scss';/*primary:#F72E96FF--rgba(247,46,150,1)*/@mixinprimary($opacity:1){color:rgba(247,46,150,$opacity);}@mixinprimary-......
  • sass/scss和less对比
    一、less、sass/scss是什么less:是一种动态样式语言,对CSS赋予了动态语言的特性,如变量、继承、运算、函数。Less既可以在客户端上运行(支持IE6+,Webkit,Firefox),也可......
  • vue 3 引入 scss
    安装必要的依赖:   调用: 效果: ......
  • git reset 回滚
    1.通过gitlog查到要回滚到的commitId比如:回滚到”第一次“,即jlasjdlfjsd944jdlsjf498ndla 第三次01038lsdjfsd第二次jlasjdlfjsd944第一次2.gitreset jlasjdl......
  • unable to access 'https://github.com/.../...git': Recv failure: Connection was r
    解决git下载报错:fatal:unabletoaccess'https://github.com/.../...git':Recvfailure:Connectionwasreset1、在git中执行gitconfig--global--unsethttp.proxy......
  • git reset command All In One
    gitresetcommandAllInOnegitresetgitreset--soft&gitreset--hard#软重置commit$gitreset--softHEAD^#硬重置commit$gitreset--hardHEAD^......