第二课：CSS三大通用属性及JS的入门介绍

no.1:Vccode的插件安装补充！

• 同步刷新插件：live server插件
• 自动格式化插件：prettier-code formatter 及安装！
  

---

JS的简单介绍

-Dom

• window对象
• document对象
  以及的一些基础运用例如:

函数	说名
document.doctype	差看文档类型
document.documentElement	查看HTML根元素
document.body	查看主体
document.styleSheets	获得当前样式表
document.scripts	获得当前JS脚本
document.currentScript	获得正在执行的脚本[重要]

介绍了元素的三大通用属性及优先级顺序！

• 元素选择器 < class选择器 < ID选择器 <内联样式

三大通用属性的介绍

1. ID通用属性及区别!
   document.getElementById() 获取当前唯一ID.

   <h2 id="titile-id">标签</h2>

---

1. Class选择器
   document.getElementsByClassName 获取一些CLASS样式

   <p class="class-id">你好</p>
   <p class="class-id">我好</p>
   <p class="class-id">大家好</p>

---

1. sytle选择器
   document.getElementByTagName() 获取标签选择器,返回值为数组,且详细的介绍了新用法:
   document.querySelector()获取一个元素
   document.querySelectorAll()获取相同全部元素.区别

---