前端语言的基本能力
html作用：构建框架结构（构建人骨骼）
css层叠样式表：为元素添加样式（构建人的皮囊）
javascript作用：实现网页交互（构建人的体型）
css选择器
群组选择器：
选择器1，选择器2，选择器3{}
关系选择器：
①后代选择器（祖先元素的直接后代或间接后代）：选择器1 选择器2{}
②子代选择器（父元素直接包含的子元素部分）：选择器1>选择器2{}
③相邻兄弟选择器（紧挨着的两个标签）：选择器1+选择器2{}
④通用兄弟选择器（选择“选1”后面的所有兄弟“选2”）选择器1~选择器2{}
伪类选择器：
元素伪类
① ：hover（鼠标移动后的状态）
② ：active（鼠标点击后的状态）
③:first-child 第一个子元素
④:last-child 最后一个子元素
⑤:nth-child(n) 选中第n个元素
JavaScript
基本语法：
String
Number
Boolean
Null
Undefined
Symbol
前端语言的协作配合
CSS in HTML
①：Inline CSS/行内样式
<p style ="color:blue;">This is a paragraph.</p>
②：Internal CSS/内嵌式
<head>
<style type=text/css>
body{color:yellow;}
</style>
</head>
③External CSS/链接式
<head>
<link href="style.css" type="text/css" rel="stylesheet">1
</head>
Javascript in HTML
<script src=""></script>
HTML DTD
html并非图灵完备，只是标记语言
标签分类：
文档型：<!DOCTYPE>(文档类型声明)
<head>
<body>
闭合型：闭合标签<p></p>
空标签<br><img><input>
换行型：块级标签：<div>
行内标签<span><a>
H5新元素:媒体标签<video><audio><embed>
表单标签：<input type="date"><input type="color">
web风靡
对用户友好：无需安装，升级方便，容错率强
对开发者友好：丰富的api能力，开发调试简单，具有跨平台的能力
领域成熟度：
未来方向：三维可视化，低代码站点，前端大统一
大前端
微信小程序能实现
