技术栈

前端-全局样式

撸码老九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
相关推荐
木斯佳
1 小时前
前端八股文面经大全:携程前端一面(2026-04-17)·面经深度解析
前端·状态模式
Java后端的Ai之路
1 小时前
LangChain ReAct Agent 核心技术问答
前端·react.js·langchain
码喽7号
1 小时前
Vue学习七:MockJs前端数据模拟
前端·vue.js·学习
NotFound486
2 小时前
探究分享从对话到执行:OpenTiny NEXT 如何重塑前端智能化开发范式
前端
小满zs
3 小时前
Next.js精通SEO第二章(robots.txt + sitemap.xml)
前端·seo
kyriewen
3 小时前
你的首屏慢得像蜗牛?这6招让页面“秒开”
前端·面试·性能优化
算是难了
3 小时前
Nestjs学习总结_3
前端·typescript·node.js
yogalin1993
3 小时前
如何实现一个简化的响应式系统
前端
kyriewen11
3 小时前
项目做了一半想重写?这套前端架构让你少走3年弯路
前端·javascript·chrome·架构·ecmascript·html5
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点032026 年 AI 编程助手全面对比评测:Cursor vs Copilot vs Claude Code vs GitHub Copilot Free04Claude Code Windows 兼容性问题:指定版本 2.1.112 可解决05AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析06UBUNTU Claude Code 报错 claude native binary not installed07从限购到畅通:GLM-5.1 Coding Plan接入攻略08GPT-6发布日深度解析-Symphony架构200万Token实战09从零部署 Hermes Agent:一只"会成长的 AI 马"保姆级安装教程10零成本!Ollama本地部署国产大模型全指南(支持Kimi-K2.5/GLM-5/Qwen,新手秒上手)