CSS基础

CSS基础（用于控制网页样式）

---

三种引用方式：

1、内嵌式

<div style="color: red;font-family: '楷体';">内嵌式CSS代码</div>

2、在head标签内部进行引入

<!-- 在head标签内部引入css --> 
     <!--
        在head标签内部引入css
            <style type="text/css">
                作用的标签{
                    样式名:样式值;
                    样式名:样式值;
                    ......
                }
            </style>

    -->
     <style>
        div{
            color: red;
            font-family: '楷体';
        }
     </style>

3、从外部进行引入(rel:表示样式层叠表，href:表示引入的css文件地址）

<link rel="stylesheet" href="css/demo.css">

demo.css

div{
    color: red;
    font-size: 20px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
}

---

CSS选择器--》在css中如果遇到需要写单位的比如font-size，必须加上px

分类：

1、元素选择器

元素名称{color:red;}
div{color:red;}

<div>元素选择器</div>

2、id选择器（用法同VUE的一致）

**#id属性值{color:red;}

name{color:red;}**

<div id="name">id选择器</div>

3、类选择器

.id属性值{color:red;}
.name{color:red;}

<div class="name">id选择器</div>