HTML+CSS+JS快速入门
一、HTML
HTML的核心就是各种组件，所以只要掌握最常用的组件后，在去相关网站上搜索即可
（1）标题：<h1> - <h6>
（2）段落：<p>、换行：<br>、水平线：<hr>
（3）<em> <b> <i> <strong> <del> <span>
（4）有序列表：<ol> + <li>、无序列表：<ul> + <li>
（5）表格：<table> + <tr> + <td>
（6）元素分成三类：块级元素、内联元素(行内元素)、行内块级元素
（7）<div> <span> <form> H5新标签...
（8）学习网站w3schools和菜鸟教程
二、CSS
CSS的核心就是各种样式，所以只要掌握最常用的样式后，在去相关网站上搜索即可
1.CSS选择器
（1）引入方式：内联样式/行内样式(style="")、内部样式(<style></style>)、外部样式(<link>)
（2）全局选择器：元素选择器、类选择器、ID选择器、合并选择器
（3）选择器的优先级：行内样式 > ID选择器 > 类选择器 > 元素选择器
（4）关系选择器：后代选择器、自带选择器、相邻兄弟选择器、通用兄弟选择器
2.CSS属性
（1）字体属性：字体、颜色、大小、粗细、文字样式
（2）背景属性：颜色、图片、位置、大小、图片填充
（3）浮动float(只能左右浮动)：浮动以后的元素脱离了文档流，浮动元素在单独的浮动层上
（4）定位position：相对定位relative、绝对定位absolute、固定定位fixed
设置定位后，相对定位和绝对定位会随着具有定位的父元素进行位置调整
（5）动画animation(@keyframes创建动画)：从一种样式逐渐变化成为另一种样式的效果
（）更多的属性： 学习网站w3schools和菜鸟教程
3.CSS两个模型
（1）盒模型(针对单个元素)：外边距margin、边框border、内边距padding、实际内容content
（2）弹性盒模型(针对多个元素)：定义了弹性子元素在弹性容器中的布局
相关属性：display:flex、flex-direction、justify-content、align-items；子元素属性：flex-grow
三、JS
JavaScript的基本语法和C/C++类似，所以只列出JS语法的基本框架就可以明白JS的语法
引入JS：嵌入到HTML(<script></script>)、独立JS文件、引入网络文件
1.基本语法
（1）常见输出方式：alert("弹出框")、document.write("输出到页面")、console.log("log")
（2）数据类型：数值、字符串、布尔值、对象、null、undefined
（3）算术运算符：加减乘除、余数、自增、自减
（4）赋值运算符：=、+=、-=、*=、/=、%=
（5）比较运算符：<、>、<=、>=、==、===(严格相等运算符)、!=、!==(严格不相等运算符)
（6）布尔运算符：!、&&、||
（7）条件语句：if、if-else、if-else if-else、switch
（8）三元运算符：x ? y : z
（9）循环语句：for、while；配合break、continue