技术栈

前端-全局样式

撸码老九2024-05-26 16:41

当我们有一个样式需要全局引用的时候,我们首先新建一个global.scss的样式文件,这里我举例一下

css 复制代码
html,
body {
  margin: 0;
  height: 100%;
  width: 100%;
  #app {
    height: 100%;
  }
}

然后在我们的main.ts 文件中 声明,这样的话我们整个项目都能用到这个样式

javascript 复制代码
import './assets/css/global.scss'
上一篇:SQL:用AI软件来完成sql的触发器的使用
下一篇:跟TED演讲学英文:How to escape education‘s death valley by Sir Ken Robinson
相关推荐
阿珊和她的猫
43 分钟前
前端应用首屏加载速度优化全攻略
前端·状态模式
Mike_jia
2 小时前
LiteOps:轻量级CI/CD平台,重塑开发运维新体验
前端
浮游本尊
2 小时前
React 18.x 学习计划 - 第十四天:实战整合与进阶收尾
前端·学习·react.js
_Eleven
6 小时前
Tailwind CSS vs UnoCSS 深度对比
前端
NEXT06
7 小时前
TCP 与 UDP 核心差异及面试高分指南
前端·网络协议·面试
qq_2421886332
7 小时前
HTML 全屏烟花网页
前端·html
码云数智-大飞
7 小时前
前端性能优化全链路实战:从加载速度到渲染效率的极致提速方案
前端·性能优化
锅包一切
7 小时前
【蓝桥杯JavaScript基础入门】一、JavaScript基础
开发语言·前端·javascript·蓝桥杯
NEXT06
7 小时前
HTTP 协议演进史:从 1.0 到 2.0
前端·网络协议·面试
热门推荐
01GitHub 镜像站点02从零搭建一个 PHP 登录注册系统(含完整源码)03使用 1panel面板 部署 php网站04AI Agent 平台横评:ZeroClaw vs OpenClaw vs Nanobot05openClaw安装飞书插件|核心踩坑:spawn EINVAL 错误终极解决指南06MIUI显示/隐藏5G开关的方法,信号弱时开启手机Wifi通话方法07Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services08让你的代码更整洁:10 个必知的 Kotlin 扩展函数09全面体验 Grok API 中转站(2025 · Grok 4 系列最新版)10如何解决 OpenClaw “Pairing required” 报错:两种官方解决方案详解