032-基本选择器 | css3 【新】

liuzhengyuan

《零基础入门学习web开发》第32讲 朋友你会 ollie 吗？ | 学习笔记

上一篇：029-小姐姐，我住在这个城市

---

上代码：

1. <h1>我是1，哈哈哈哈</h1>
   
2. <h2>我是2</h2>
   
3. <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quod dolorem dicta, vitae voluptas</p>
   
4. <p class="thirsty">我好渴，我想要喝点<span class="water">水</span></p>
   
5. <p class="hungry">我好饿，我想要吃点<span id="food">食物</span></p>

复制代码

---

1, 通用选择器

* 来定义所以元素的样式。

Style:

1. * {
   
2.         background-color: lightgreen;
   
3. }

复制代码

运行效果：

---

2, 元素选择器

元素选择器 用于定义某个元素的样式

Style:

1. p {
   
2.         padding: 10px;
   
3. }

复制代码

效果：

---

3,类选择器

类选择器 允许以一种独立于文档元素的方式来指定样式。

例子：

传送门

---

4,id选择器

id选择器 可以为标有特定 id 的 HTML 元素指定特定的样式
PS：id 属性只能在每个 HTML 文档中出现一次。

例子：

传送门

---

· 更多（吹水笔记-不二如是）  ·

· 课后作业  ·

下一篇：033-还能这么玩