code是vscode为我们添加的一个命令工具。
CSS文件，本身其实就是一种文本文件，只是采用CSS规定的语法规则来写，这样浏览器就可以识别。css文件除了具有控制页面布局的作用外，它还可以很好的将html代码与css代码分离，做到内容与布局独立编写，互不干扰，条理更加清晰。
1、创建css样式，点击窗口\css样式，可以打开css样式编辑窗口，还可以直接在属性面板内创建。
2、点击属性面板的编辑规则，或者是css样式窗口的+号就可以打开新建css规则对话框。
3、选择要创建的css样式的内容。比如要为段落更改样式。
4、在弹出的定义对话框中，选择要更改的各种属性。比如把段落的字体大小改为16px，字体颜色改为红色。
5、点击确定，发现段落中的文字就出现了相应的效果。在<head>中条件了css样式代码。
css用于控制html的样式和布局。主要分内联样式，内部样式，外部样式。
内联样式就是在html的元素里直接使用css，比如：
<p style="background-color:green">这是一个段落。</p>
这就是直接在元素中用css设置背景颜色。适用于单元素，不会影响其他元素。
内部样式则是把css放在head部分用 <style>标签来定义，比如：
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}</style>
</head>
其中body {background-color:yellow}定义了整个body的背景颜色。
p {color:blue}</style>则是定义了页面里面所有文本的文字颜色。
优点是整个html页面都能调用。
第三种则是外部样式，就是把css部分做成单独的css文件，然后再html页面里面引用，比如
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
相当于内部样式的代码部分放入mystyle.css这个文件，然后在此处引用。
外部样式最大的优点是其他html页面也能直接用link直接调用，比如你好几个页面需要类似的风格，那么把相同的布局内容放入CSS文件里面就会非常合适。
