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"/>
相关推荐
人工智能AI技术32 分钟前
【C#程序员入门AI】本地大模型落地:用Ollama+C#在本地运行Llama 3/Phi-3,无需云端
人工智能·c#
星火开发设计1 小时前
C++ 预处理指令:#include、#define 与条件编译
java·开发语言·c++·学习·算法·知识
BugShare1 小时前
Obsidian 使用指南:从零开始搭建你的个人知识库
笔记·obsidian
BackCatK Chen2 小时前
第 1 篇:软件视角扫盲|TMC2240 软件核心特性 + 学习路径(附工具清单)
c语言·stm32·单片机·学习·电机驱动·保姆级教程·tmc2240
深蓝海拓2 小时前
PySide6从0开始学习的笔记(二十五) Qt窗口对象的生命周期和及时销毁
笔记·python·qt·学习·pyqt
理人综艺好会2 小时前
Web学习之用户认证
前端·学习
●VON2 小时前
React Native for OpenHarmony:项目目录结构与跨平台构建流程详解
javascript·学习·react native·react.js·架构·跨平台·von
跃渊Yuey2 小时前
【Linux】线程同步与互斥
linux·笔记
AI视觉网奇2 小时前
FBX AnimSequence] 动画长度13与导入帧率30 fps(子帧0.94)不兼容。动画必须与帧边界对齐。
笔记·学习·ue5
科技林总3 小时前
使用Miniconda安装Jupyter
笔记