|
|
@@ -0,0 +1,184 @@
|
|
|
+@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;
|
|
|
+}
|
wu.jian2