样式清除通用代码

<style>

  *{
    padding: 0;
    margin: 0;
    /* 将所有标签都变成怪异盒子 */
    box-sizing: border-box;
}
/* 清除标签自带的下划线 */
a,u{
    text-decoration: none;
}
/* 让加粗标签不加粗 回归到正常 */
b,strong{
    font-weight: 400;
}
/* 让倾斜标签不倾斜 回归到正常 */
i,em{
    font-style: normal;
}
/*取消列表自带列表符号  */

ul,ol,li{
    list-style: none;
}
/* 让标题标签回归正常 */
h1,h2,h3,h4,h5,h6{
    font-weight: 400px;
    font-size: 16px
}
input{
    /* 轮廓线  清除鼠标点击的高亮效果 */
    outline: none;
    /* 清除边框线 */
    border: none;
}
.clear_fix::after{
    content:"";
    display:block;
    width:0;
    height:0;
    overflow: hidden;
    visibility: hidden;
    clear:both;
}

  /* 清除自带间距 */
*{
    padding: 0;
    margin: 0;
    /* 将所有盒子标签变成怪异盒子 */
    box-sizing: border-box;
}
/* 清除样式 */
h1,h2,h3,h4,.h5,h6{
    font-weight: 400;
    font-size: 16px;

}
/* 清除下划线 */
a,u{
    text-decoration: none;
}
/* 清除列表自带的符号 */
ul,ol{
    list-style: none;
}
i,em{
    font-style: normal;
}
b,strong{
    font-weight: 400;
}
input{
    /* 轮廓线,清除点击高亮的效果 */
    outline: none;
    /* 清除边框线 */
    border: none;
}
.clear_fix::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}
   /* 适配代码 */
   /* 看设计稿大小(设计稿大小750px)
   所以应该在iphone6,7,8下做
   设备的真实大小是375
   所有视口宽度大小375
   100vw=375px  1vw=3.75px */

  /* // 假设基于16字号做
  // 16px=4.26vw */
  #app{
    font-size: 4.26vw;
  }

</style>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值