01前端语言的基本能力
1.HTML(Hypertext Markup Language)
构建框架结构，包含控制内容获取，为web设计师提供层次结构
2.CSS（Cascading Style Sheet）
为网站添加样式（给元素添加样式，识别不同的屏幕尺寸，让网站具备响应式的特征）
3.Javascript
三者语言缺一不可
HTML最基本的语言
CSS语法简单
h1 {color:blue;font-size:12px;}
property value property value
#Class Selector
#* Selector
#Insert Content After Every Element
#Id Selector (一个页面的id一般是唯一的)
#Element Selector
#Selects All Unavisited Links
pseudo-classes
a:link{color:#111}
a:hover{color:#222}
div:first-chile{color:#333}
div:nth-chile(3){color:#444}
pseudo-elements
p::first-line{color:#555}
p::first-letter{color:#666}
a::before{content:"Hello WOrld!";}
CSS in HTML
三种引入方式：
- Inline CSS
- Internal CSS
- External CSS
Javascript in HTML
- JS引入会阻塞页面解析
- DOM事件机制
- 事件捕捉与事件捕获
HTML in JavaScript
CSS in Javascript
HTML DTD
基本语法 1.标签（元素）element ... 2.文本text text 3.注释comment 4.DTD Document Type Defination 5.处理信息ProcessingInstrution
今天是青训营课的第一天，对前端三剑客有了初步的了解，HTML构建框架结构,CSS为网站添加样式,Javascript确定行为
