C# Blazor 学习笔记(12):css样式设置

文章目录

前言

由于Blazor UI库暂时还不完善,有时候需要我们自己写css。Razor做好了css动态隔离的设置。

ASP.NET Core Blazor CSS 隔离

C#小轮子:Visual Studio自动编译Sass文件

添加引入css

保证razor和css的对应关系

比如我这个MainLayout.razor要对应MainLayout.razor.css文件

手动引入css文件

在_Host.cshtml中手动引入css文件,

复制代码
<link href="你的项目名.styles.css" rel="stylesheet"/>
相关推荐
神明不懂浪漫3 分钟前
【第二章】Java中的数据类型,运算符与程序逻辑控制
java·开发语言·经验分享·笔记
晓py8 分钟前
Windows 本地挂载阿里云 ECS,并使用 Claude 操作挂载路径学习文档
windows·学习·阿里云
babe小鑫9 分钟前
2026工商管理专业学习数据分析的价值分析
学习·数据挖掘·数据分析
天天代码码天天12 分钟前
OpenCV 5 + PP-OCRv6 + OpenVINO:C# 本地 OCR 推理更快、更稳、更好集成
opencv·c#·openvino
05候补工程师28 分钟前
【408考研复习】数据结构核心笔记:字符串模式匹配与内部排序算法全解析
数据结构·经验分享·笔记·考研·算法·排序算法
问心无愧051334 分钟前
ctf show web入门107
android·前端·笔记·android studio
一尘之中35 分钟前
基于架构的软件开发方法
学习·架构·ai写作
chase。37 分钟前
【学习笔记】面向机器人食物舀取的 spillage-aware 引导扩散策略
笔记·学习·机器人
zhonghaoxincekj1 小时前
基于 168MHz MCU 的直流继电器全参数自动化测试方案解析
经验分享·功能测试·科技·学习·测试工具·创业创新·制造
必胜刻1 小时前
Go项目实战:使用Ollama本地部署大模型实现AI智能笔记生成
人工智能·笔记·ai·语言模型·golang