引入CSS以及它的三个选择器

原创于 2015-12-05 23:35:02 发布 · 76 阅读

CC 4.0 BY-SA版权

本文详细介绍了CSS的三种引入方式，包括内联属性、style标签和外部文件链接，并阐述了CSS选择器的使用方法，如元素选择器、类选择器和ID选择器。学习CSS与HTML结合使用，有助于深入理解网页样式设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一：CSS的三种引入方式：

(1)内联属性如下：

<p style="font-size: 10px; color:red">内容</p>

(2)写在style标签里

style标签一般写在head里如下：

<head>
    <style>
        p {
          font-size: 12px;
          color:red;
            }
</style>
</head>

(3)用link标签引用外部文件如下：

<link rel="stylesheet" type="text/css" href="../CSS/index.css">//后面加CSS文件名

二：CSS 选择器

(1)元素选择器

css代码：

div {
    color: red;
}


html代码：

<div>
  <p>内容</p>  
</div>

(2)类选择器

.show{
    color: red;
}

我们通过class属性，将这个类与html元素关联在一起。

<p class="show">内容</p>

(3)ID选择器

ID 选择器前面有一个 # 号，。形如：
#show {
   color: red;
}
//这个ID对应着html标签的ID属性

<p id="show">内容</p>

建议CSS与html一起学习，这样很多东西就可以理解了。