css引入二

---恢复内容开始---

将html文件中标签的字体改变颜色的方法：

1、创建css引入实例.html文件和index.css文件，把样式单独写在css文件中，然后在html文件中通过link标签导入

html中的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css引入实例</title>
    <link rel="stylesheet" href="index.css">  <!--将index.css文件和本html文件创建连接关系-->
</head>
<body>

<p>海燕</p>

</body>
</html>

html中的代码

css中的代码：

p{
    color:red;font-size:48px;  /*将css引入实例.htxm中的p标签中的内容字体改为红色,font-size为改变字体大小*/
}

2、直接在html文件中修改标签内容的字体颜色，在head中通过style标签定义

html中的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        p{
            color:red;
        }
    </style>
    <title>css引入实例</title>
    <!--<link rel="stylesheet" href="index.css">  &lt;!&ndash;将index.css文件和本html文件创建连接关系&ndash;&gt;-->
</head>
<body>

<p>海燕</p>

</body>
</html>

html中的代码

3、最简单的方法，直接写在要更改字体颜色的标签里面 style="样式1"；style="样式2"

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<style>-->
        <!--p{-->
            <!--color:red;-->
        <!--}-->
    <!--</style>-->
    <title>css引入实例</title>
    <!--<link rel="stylesheet" href="index.css">  &lt;!&ndash;将index.css文件和本html文件创建连接关系&ndash;&gt;-->
</head>
<body>

<p style="color:blue">海燕</p>

</body>
</html>

html中的文件最简单的方法

CSS语法

CSS选择器

　　基本选择器

　　　　1、标签选择器（想改那个标签就写那个标签），标签选择器是改通用的标签的样式

p{
    color:red;font-size:48px;  /*将css引入实例.htxm中的p标签中的内容字体改为红色,font-size为改变字体大小*/
}
h1{
  color:green;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css引入实例</title>
    <link rel="stylesheet" href="index.css">  <!--将index.css文件和本html文件创建连接关系-->
</head>
<body>

<p>海燕</p>
<h1>靖康耻犹未雪</h1>

</body>
</html>

html中的代码其中里面有h1标签

　　　　2、ID选择器，标签都有自己独一无二的标签，可以设置某个特定标签的样式

---恢复内容结束---