CSS学习

1 CSS的概念

1）什么是CSS

CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。

2）CSS的作用

CSS用来规定每个HTML元素表现的样子，如：

• 字体大小
• 颜色
• 摆放位置

3）CSS的核心语法

CSS两步走

• 选元素
• 改属性

CSS主要由 选择器+声明块 组成

	<style>
        /* 此处就CSS */
        /* 选择器+声明块 */
        h1 /*选择器（所选的标签）*/
        {
            color: red;
            /*属性：属性值*/
        }
    </style>

2 选择器

1）id选择器

定义一个容器的id
（第一行是在VSCode里面的快捷写法，写完按Tab补全代码）

<!-- emmet:#container -->
<div id="container"> </div>

对该容器的样式进行编辑

<style>
    #container{
        /* 此处也是快捷写法
        w300+h300
        bgc
        */
        width: 300px;
        height: 300px;
        background-color: lightblue;
    }
</style>