lss.base.css

lss.common.css更名为lss.base.css css初始化文件 不同于传统的reset css文件 适用于pc端和手机端

NPM

npm install lss.base.css

Download

See https://github.com/li-shuaishuai/lss.base.css

它有什么作用？

• 保留有用的默认值，与许多CSS重置不同。
• 为各种元素规范样式。
• 更正错误和常见的浏览器不一致。
• 通过微妙修改提高可用性。
• 增加常用左浮动、右浮动、清除浮动等类名。

浏览器支持

• Chrome (last two)
• Edge (last two)
• Firefox (last two)
• Firefox ESR
• Internet Explorer 8+
• iOS Safari (last two)
• Opera (last two)
• Safari 6+

基本规范

• 清除移动端点击背景色

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

• 设置或检索对象的盒模型组成模式为box-sizing，方便布局。

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

• 默认字体

body {
    font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}

常用功能

• 左浮动，在对应元素添加类名.l

.l {
    float: left
}

• 右浮动，在对应元素添加类名.r

.r {
    float: right
}

• 清除浮动，在对应元素添加类名.clearfix

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}