前端语言串讲

1、HTML：骨骼。构建框架结构、包含设计内容布局、所有web页面的基石 2、CSS：外皮。给网站添加样式、给元素添加样式，网站外表、体验最重要的工具。 3、JavaScript：肌肉。增加交互体验、处理复杂函数特性

一、HTML

二、CSS 语法非常简单的语言提供的选择器：类选择器、全选择器*、元素选择器、id选择器、元素类型选择器、伪类选择器可以级联， h1 {color:bule;font-size;12px;}

三、JavaScript 用户输入、客户端计算、生成html内容、快捷作用域变量基本语法：（一）基本类型 1、String 2、Number 3、Boolean 4、Null 5、Undefied 6、Symbol （二）基本语法特点 1、var a=7+“2”； var是关键字，定义变量。 a变量名。 2、object 3、function 特殊字符、在一定段落中可以被整体使用

四、三门语言如何在浏览器中运转？浏览器包涵：渲染引擎（加载页面，根据html加载dom结构，再结合css特性绘制特性）和js引擎（通过解释器运行）

五、这些语言如何作用？ inline CSS internal CSS External CSS js in html(dom) dom事件机制：事件捕捉、事件冒泡bubbling

html in js 指定大括号变量的字

六、HTML详解 html不能完成数据流等等问题，只是一门标记语言 indexedDB 适用于复杂场景，50MB的存储容量，异步获取方式基于存储的应用PWA&AMP PWA AMP对搜索引擎来用。 HTML5的音频：像拓扑图的音频输入 HTML5的video：给video指定src实现，最终输出到指定的audio decoder上 HTML5的二进制：array buffer 二进制数组类型，能读不能写。 HTML5的API：需要用户确认，获取用户信息。 shadoe dom：特殊节点，可以避免自己的元素避免外界元素访问。 SVG可以用来交互、矢量的，不会失真，dom元素，能对事件特殊处理，不能绘制特殊图形 Canvas：点阵，会失真，可以用来绘制特殊图形，游戏。

七、本节课程让我加深对html、css、js相互关系的理解，深入了解前端语言之间的关系与适用范围。

一个html的很简单的例子：

简单网页设计

1.这是一段话

2.这是第二段话

第一段话

这段话是一段话

哈哈

第二段话

例子

前端语言串讲｜ 青训营笔记