css 个人喜欢的样式 速查笔记

起因， 目的:

记录自己喜欢的， 觉得比较好看的 css.

下次用的时候，直接复制，很方便。

1 设置英语字体: Noto

html

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

css

* {
  font-family: "Noto Serif", system-ui;
  font-optical-sizing: auto;
}

效果:

2. 导入bootstrap

<!-- 导入自己的 css 文件 -->
<link rel="stylesheet" type="text/css" href="styles.css">

<!-- 导入 Bootstrap 的 CSS 文件 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

走过路过，支持一下啊。