纯纯的CSS-CSDN博客

本文链接：https://blog.csdn.net/qq_51717117/article/details/124508712

CSS的导入方式

1.内联样式：在（div）标签内部使用style属性，属性值是CSS属性键值对

<div style="color:red">hello</div>

2.内部样式：在<head>部分内定义<style>标签，在<style>标签内定义CSS样式

<style>
    div {
        color: red;
        }
</style>

3.外部样式：定义link标签，引入外部的CSS文件

外部css文件：
p {
    color: red;
}
html内：
<link rel="stylesheet" href="one.css">

CSS选择器

选择器是选取需要设置样式的元素（标签）

1.元素选择器

元素名称{color：red}

<style>
        span {            
            color: red;
        },
        div{
            color:red;
        }
</style>

2.id选择器 id一般只选择一个

#id属性值{color：red}

<style>
        #name {
            color: blue;
        }
</style>

<body>
        <div id="name">world</div>
</body>

3.类选择器 class一般可以选择多个

.class属性值{color:red}

<style>
        .h {
            color: brown;
        }
</style>

<body>
        <span class="h">hello</span>
</body>

CSS属性

background-color color 等等属性设置可以查看文档 w3school