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

文章目录

  • 前言
  • 添加引入css
    • 保证razor和css的对应关系
    • 手动引入css文件

前言

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

ASP.NET Core Blazor CSS 隔离

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

添加引入css

保证razor和css的对应关系

C# Blazor 学习笔记(12):css样式设置_第1张图片
比如我这个MainLayout.razor要对应MainLayout.razor.css文件

手动引入css文件

C# Blazor 学习笔记(12):css样式设置_第2张图片
在_Host.cshtml中手动引入css文件,


C# Blazor 学习笔记(12):css样式设置_第3张图片

你可能感兴趣的:(Blazor基础知识,c#,学习,笔记)