公共样式

assets/scss/cus-client/cus-client-common.scss

@@ -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;}