184 lines
2.2 KiB
SCSS
184 lines
2.2 KiB
SCSS
@charset "UTF-8";
|
||
|
||
body,
|
||
h1,
|
||
h2,
|
||
h3,
|
||
h4,
|
||
h5,
|
||
h6,
|
||
hr,
|
||
p,
|
||
blockquote,
|
||
/* structural elements 结构元素 */
|
||
dl,
|
||
dt,
|
||
dd,
|
||
ul,
|
||
ol,
|
||
li,
|
||
/* list elements 列表元素 */
|
||
pre,
|
||
/* text formatting elements 文本格式元素 */
|
||
fieldset,
|
||
lengend,
|
||
button,
|
||
input,
|
||
textarea,
|
||
/* form elements 表单元素 */
|
||
th,
|
||
td {
|
||
/* search elements 表格元素 */
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
/* 设置默认字体 */
|
||
body,
|
||
html {
|
||
font-size: 14px;
|
||
font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
|
||
}
|
||
|
||
h1 {
|
||
font-size: 18px;
|
||
/* 18px / 12px = 1.5 */
|
||
}
|
||
|
||
h2 {
|
||
font-size: 16px;
|
||
}
|
||
|
||
h3 {
|
||
font-size: 14px;
|
||
}
|
||
|
||
h4,
|
||
h5,
|
||
h6 {
|
||
font-size: 100%;
|
||
}
|
||
|
||
address,
|
||
cite,
|
||
dfn,
|
||
em,
|
||
var {
|
||
font-style: normal;
|
||
}
|
||
|
||
/* 将斜体扶正 */
|
||
code,
|
||
kbd,
|
||
pre,
|
||
samp,
|
||
tt {
|
||
font-family: "Courier New", Courier, monospace;
|
||
}
|
||
|
||
/* 统一等宽字体 */
|
||
small {
|
||
font-size: 12px;
|
||
}
|
||
|
||
/* 小于 12px 的中文很难阅读，让 small 正常化 */
|
||
|
||
/* 重置列表元素 */
|
||
ul,
|
||
ol {
|
||
list-style: none;
|
||
}
|
||
|
||
/* 重置文本格式元素 */
|
||
a {
|
||
text-decoration: none;
|
||
}
|
||
|
||
a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
abbr[title],
|
||
acronym[title] {
|
||
/* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
|
||
border-bottom: 1px dotted;
|
||
cursor: help;
|
||
}
|
||
|
||
q:before,
|
||
q:after {
|
||
content: '';
|
||
}
|
||
|
||
/* 重置表单元素 */
|
||
legend {
|
||
color: #000;
|
||
}
|
||
|
||
/* for ie6 */
|
||
fieldset,
|
||
img {
|
||
border: none;
|
||
}
|
||
|
||
/* img 搭车：让链接里的 img 无边框 */
|
||
/* 注：optgroup 无法扶正 */
|
||
button,
|
||
input,
|
||
select,
|
||
textarea {
|
||
font-size: 100%;
|
||
/* 使得表单元素在 ie 下能继承字体大小 */
|
||
}
|
||
|
||
/* 重置表格元素 */
|
||
table {
|
||
border-collapse: collapse;
|
||
border-spacing: 0;
|
||
}
|
||
|
||
/* 重置 hr */
|
||
hr {
|
||
border: none;
|
||
height: 1px;
|
||
}
|
||
|
||
*,
|
||
*:before,
|
||
*:after {
|
||
box-sizing: inherit;
|
||
}
|
||
|
||
a:focus,
|
||
a:active {
|
||
outline: none;
|
||
}
|
||
|
||
a,
|
||
a:focus,
|
||
a:hover {
|
||
cursor: pointer;
|
||
color: inherit;
|
||
text-decoration: none;
|
||
}
|
||
|
||
div:focus {
|
||
outline: none;
|
||
}
|
||
|
||
.f-l {
|
||
float: left;
|
||
}
|
||
|
||
.f-r {
|
||
float: right;
|
||
}
|
||
|
||
.clearfix:after {
|
||
visibility: hidden;
|
||
display: block;
|
||
font-size: 0;
|
||
content: '';
|
||
clear: both;
|
||
height: 0;
|
||
} |