CSS in HTML,JavaScript in HTML已经见怪不怪了 HTML，CSS还能写在JavaScript里！我觉得太过了，还是把他们分开比较好。 就CSS，JavaScript in HTML而言：
优点：1. 快速开发：可以直接在HTML文件中修改和测试代码。 2. 简单明了：对于小型项目和简单页面来说，这种方法可以使得整个项目更加轻便和易于管理。 3. 不需要额外的学习成本：尤其对于初学者来说，这种方法可以帮助他们更快地入门和上手。
缺点：屎山代码（可维护性差，不利于团队协作，语法不兼容）
曾经有同学问我，css能单独运行吗，他说html都能单独运行（那时候看我玩记事本改后缀）。我说不行，以我经验来看，css要有html才能发挥它的作用。确实是这样，改后缀css之后打不开，编译器也是没反应。css是层叠样式表语言
JavaScript就可以单独运行，它本来是一种脚本语言。我的理解是它就是Java，只不过用在了html上。
CSS： ChatGPT：1.盒子模型 盒子属性 2.选择器 3.布局技术 4.文本属性 5.响应式设计
盒子模型：
它有很多展现形式，总算是让我大开眼界
margin,padding,border中，只有margin才能写负数值，这样能使相邻元素之间重叠（发现新大陆）
选择器：常用的这几个选择器 *标签选择器：指定 HTML 元素的标签名作为选择器，如 div、p、ul 等。标签选择器在 CSS 中使用非常频繁，因为它们可以应用于所有相同标签的元素，从而为整个网页提供一致的样式。 *类选择器：以点号（.）开头，指定 HTML 元素的 class 属性作为选择器。类选择器在 CSS 中也非常常用，可以应用于多个元素，并且可以在 HTML 中重复使用。 *ID 选择器（比较少用）：以井号（#）开头，指定 HTML 元素的 id 属性作为选择器。ID 选择器在 CSS 中使用较少，因为每个页面中只能有一个具有唯一 ID 的元素，而且 ID 选择器的特定性高于类选择器和标签选择器。
布局技术：属性较多，列举一些难点，容易忘记的。其他功能如果要某一种属性，可以百度。 flex（弹性盒子布局）：可以轻松实现响应式布局、可动态调整弹性项目的尺寸和位置、可以方便地实现横向，纵向的对齐。 Grid（网格布局）：作用于行和列，顾名思义，就是设计网格，然后填充内容
文本属性不做解释
响应式设计： 像素：我觉得这个不必担心，如果要适应放缩，就用em就行 vw和vh：scale=1要视情况而定，设置之后会改变其他的属性。 vw:视窗宽度的1%。vh: 视窗高度的1%。
JavaScript在下一篇笔记
