1，Vscode自动刷新插件与格式化插件
应用搜索搜索liveserver，安装后。点击右下角Golive可以进入使用。
格式化插件prettier；首选项，设置，搜索format，勾选prettier….
html中文档结构
doc：文档类型，声明文档类型
html:根元素，是html文档
charset,title：元数据
body:主题元素
2，CSS三大选择器与html元素的三大分类
css中三大选择器
三大选择器有：id,类，与标签元素选择器，顺序是id>类>标签;虽然有id，但是如果有多个id依然是可以设置其属性。
class选择器中后面加空格，再添加个类名，表示设置选择两个选择器。
html三大类型
- Top-level element 【顶级元素】: { html, body, frameset }
包括html, body, frameset, 表现如Block-level element, 属于高级块级元素.- Block-level element 【块级元素】: { p, h1~h6, div, ul }
顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的 p, h1~h6, div, ul 默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:block;将其更改成块级元素。此外还有个特殊的，float也具有此功能。
块级元素能够独立存在, 一般的块级元素之间以换行(如一个段落结束后另起一行)分隔。块级元素是构成一个html的主要和关键元素, 而任意一个块级元素均可以用Box model来解释说明.- Inline element 【内联元素】: { a, br, em, img, li, span }
css中的先后设置对象的属性的先后
现时内联样式，再是在页面上的style，再是引入的，
3，javascript中的dom操作
对象的理解
<女朋友 姓名=”小丽” 性别=”女” 年龄=”23”>一个将来有可能会成为老婆的女人</女朋友>
女朋友是对象，而姓名，性别是所对象具有的属性。
常见的获取属性
| 代码 | 作用 |
|---|---|
| console.log() | 发送到浏览器控制台显示 |
| window | 浏览器的全局对象 |
window对象常见的属性；例如:
console.log(window.document);
window.document中window可以省略不写。
| 代码 | 作用 |
|---|---|
| document | 文档的意思 |
| URL | 当前的url地址 |
| doctype | 文档的类型 |
| documentElement | 根元素html |
| document.head | 文档的头部 |
| document.charset | 文档的字符集 |
| document.styleSheets | 文档的css样式 |
| document.styleSheets[0].type | 执行的第一个样式表 |
| document.scripts[0] | 执行的第一个脚本 |
| document.currentScript | 当前执行的script |
javascript中常量
const ele = document.getElementById(“title-id”);
// console.log(ele);
// ele.style.backgroundColor = “yellow”;
javascript中let
let girl = {
// sum: function (a, b) {
// return a + b;
// },
// };
获取的方法
1， document.getElementById(“id名”);
2，document.getElementsByClassName(“类名”);
3，const p = document.getElementsByTagName(“标签名”);
4，显示一个：
let y = document.querySelector(“”);
5，显示多个
document.querySelectorAll(“.类名”);