CSS基础结构
1.CSS代码是由选择器和一对括号组成
2.大括号里面是 由- -条一条的声明语句组成。每一条语句都要 使用英文状态下面的分号。每一条语句是由 “属性:值”组成Css 中的属性值一般不加引号。
3.在CSS中如果属性值为数值型数据的时候-般情况下需要加单位 单位-般都是px
4.在CSS 中不能出现HTML标签。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
<body>
</form>
<div style="width: 200px; height:50px; background-color:red;"></div>
<div style="width: 200px; height: 50px; background-color: brown;"></div>
<div style="width: 200px; height: 50px; background-color: chartreuse;"></div>
<div style="width: 200px; height: 50px; background-color:#0000ff;"></div>
<div style="width: 400px; height: 200px;
background-color: yellow; background-image:url(789.png);"></div>
<div style="width:400px; height: 200px;
background-color: yellow; background-image:url(789.png);
background-repeat:no-repeat; background-position:right bottom "></div>
</body>
</html>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191029200200545.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDgwMjE1NQ==,size_16,color_FFFFFF,t_70)