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"/>
相关推荐
AgCl2314 分钟前
JavaWeb个人笔记01--Maven到MyBatis
笔记·maven·mybatis
武陵悭臾24 分钟前
Python应用开发学习:如何让随机数按一定比列出现
python·学习·random·概率·随机数
渣渣灰飞43 分钟前
MySQL 系统学习 第六阶段:Redis + 缓存 + 高并发设计 第八章:Redis 高级应用
学习·mysql·缓存
Kobebryant-Manba1 小时前
学习Bert
学习·自然语言处理·bert
渣渣灰飞1 小时前
MySQL 系统学习 第六阶段:Redis + 缓存 + 高并发设计 第十章:Redis 综合企业项目实战
学习·mysql·缓存
小堂子这厢有礼了2 小时前
Chet.QuartzNet.UI v2.3.0 大更新!表格重构 + 系统配置 + 分析页全面升级!
前端·后端·ui·重构·c#·vue
xian_wwq2 小时前
【学习笔记】多模态部署:VLM、语音、视频理解(29/35)
笔记·学习·音视频
冷小鱼2 小时前
AI Agent的核心算法:自主学习与反思(Self-Reflection / Critique)
人工智能·学习·算法·自主学习·self-reflection·critique·反思
寒月小酒13 小时前
第三章 索引构建(2-all -in-rag学习)
学习
天国梦13 小时前
中学生居家英语听力训练深度解析:从核心痛点到AI赋能的全链路方案
人工智能·学习