前端-基础CSS总结常用

1.书写位置：title 标签下方添加 style 双标签，style 标签里面书写 CSS 代码。

<title>CSS 初体验</title>
<style>
  /* 选择器 { } */
  p {
    /* CSS 属性 */
    color: red;
  }
</style>

<p>体验 CSS</p>

<link rel="stylesheet" href="./my.css">

行内写法，配合js:<div style="color: red; font-size:20px;">这是 div 标签</div>

颜色：color:

字号：font-size:30px;

2.标签选择器：使用标签名作为选择器 → 选中同名标签设置相同的样式。  

3.类选择器   作用：查找标签，差异化设置标签的显示效果。

• 定义类选择器 → .类名

• 使用类选择器 → 标签添加 class="类名"

• .red {}                <div class="red">这是 div 标签</div>