CSS的概念
- CSS的含义：层叠样式表，一个网页是由一个个的方块组成的，比如www.baiduzhidao.com，其实做网页就是画方块，然后往方块之中填充内容
- 层叠样式表：width:200px;height:300px;background:red;这些东西层叠在一起组成了一个样式
- 因此HTML是房子的结构，而CSS(层叠样式表)是房子的样子，因此CSS依托于HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>这里是标题</title>
</head>
<body>
/*在网页之中想要画方块需要用div，div是一个标签,一个div就是一个方块*/
这是我的第一个网页
<div style="width:200px;height:300px;background:red;border:10px solid blue；">
/*border边框，10px是线条宽度，solid是线条样式，red是边框的颜色*/
/*style表示要给div添加一个样子*/
/*width表示一个宽,height代表一个高，px代表像素,完了之后用一个;*/
/*background表示要给出一个红色的背景色，如果没有背景色为白色，会看不见方块*/
/*在边框之中显示图片的话将background改为background:url(图片地址);*/
/*图片可能因为太大而显示不全，则可以在代码调试工具之中调试代码，该宽和高就行*/
这是我的第一个方块
/*一个块都有一个宽度和颜色，就是在div之中加，如上*/
</div>
</body>
</html>代码调试工具：使用浏览器，CTRL+F12，然后在Elements之中双击代码可以调试，双击之后会变成可编辑状态
网易云可叹笔记，课程链接：https://study.163.com/course/courseMain.htm?courseId=1003224043