起因, 目的:
记录自己喜欢的, 觉得比较好看的 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">