【link引入和@import引入的性能区别 _Sass 】

link引入和@import引入的性能区别

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

Sass

详细描述

截图

代码

@charset "utf-8";  
  
/* 重置样式 */  
button { padding: 0; border: none; background: transparent; outline: none;}    //按钮默认样式修改
a {text-decoration:none;outline:none;}
p {margin: 0;}
ul {margin: 0; padding: 0;outline: none;list-style: none;}
.flt-right {float: right;}
/* 基础样式 */   
$col-1 :#f0f0f0;    //灰色背景颜色
$col-2 :#29bde0;    //页面调性主颜色
$col-3 :#fbb435;    //页面调性次颜色
::-webkit-scrollbar {display: none;}    //隐藏滚动条
img { transform: scale(0.5);}    //插入图片统一缩放:0.5

/* 全局样式 */  
html {
  font-size: 625%;
  overflow-x: hidden; 
}

body {
  font-size: .12rem;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

@charset "UTF-8";
/* 重置样式 */
button {
  padding: 0;
  border: none;
  background: transparent;
  outline: none; }

a {
  text-decoration: none;
  outline: none; }

p {
  margin: 0; }

ul {
  margin: 0;
  padding: 0;
  outline: none;
  list-style: none; }

.flt-right {
  float: right; }

/* 基础样式 */
::-webkit-scrollbar {
  display: none; }

img {
  transform: scale(0.5); }

/* 全局样式 */
html {
  font-size: 625%;
  overflow-x: hidden; }

body {
  font-size: .12rem;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden; }

编辑于2024-11-18