@@ -2,11 +2,17 @@
/************************ 通用class样式 author: TX date:2020-07-30 **********************/
/* 页面样式 */
-body, html, #app {
- padding: 0;
- margin: 0;
- @include setFontStyle(0);
-}
+body, html, #app {padding: 0;margin: 0;@include setFontStyle(0);}
+
+/* 内外边距通常让各个浏览器样式的表现位置不同 */
+div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
+/* HTML5 媒体文件跟 img 保持一致 */
+audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
+/* 默认不显示下划线，保持页面简洁 */
+ins,a{text-decoration:none;cursor:pointer;}
/* 去掉列表前的标识, li 会继承 */
ol,ul,dl,dt,dd{
list-style:none;
@@ -100,6 +106,9 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
/* 清除浮动-父级使用 */
.fn-clear:after{content:" ";height:0;display:block;font-size:0;visibility:hidden;clear:both;}
+/* 隐藏, 通常用来与 JS 配合 */
+.fn-hide{display:none;}
/* 文本超出省略号显示 (一行) ------ 使用方式：@include single-line-ellipsis; */
@mixin single-line-ellipsis {text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;white-space: nowrap;word-break: break-all;}
tanxue