23、CSS入门与应用指南

pytorchlight8

于 2025-08-12 11:54:02 发布

阅读量16

点赞数

CC 4.0 BY-SA版权

分类专栏： Head First学习法揭秘文章标签： CSS入门类选择器样式规则

本文链接：https://blog.youkuaiyun.com/pytorchlight8/article/details/151574700

Head First学习法揭秘专栏收录该内容

53 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

CSS入门与应用指南

一、添加元素到类

在网页设计中，我们常常需要对特定的元素进行样式设置。以“elixir.html”文件为例，若想将“Green Tea Cooler”段落的文字颜色变为绿色，可以将 <p> 元素添加到名为“greentea”的类中。具体操作步骤如下：
1. 打开“elixir.html”文件，找到“Green Tea Cooler”段落。
2. 在 <p> 标签中添加 class="greentea" 属性，示例代码如下：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Head First Lounge Elixirs</title>
    <link type="text/css" rel="stylesheet" href="../lounge.css">
  </head>
  <body>
    <h1>Our Elixirs</h1>
    <h2>Green Tea Cooler</h2>
    <p class="greentea">
      <img src="../images/green.jpg" alt="Green Tea">
      Chock full of vitamins