一 Web标准
含义：
让不同的浏览器按照相同的标准显示结果，让展示的效果统一。
组成：
结构（HTML）、表现（CSS）、行为(JavaScript)
二 HTML
含义
超文本标记语言，专门用于网页开发的语言，主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述。
组成
结构标签：html、head、body、title
排版标签：h、p、br、hr
文本格式化标签：b(strong)、u(ins)、i(em)、s(del)
媒体标签:img、video、audio
链接标签：a
列表标签：ul li ol li dl dt dd 去除前面小圆点：
表格标签：table tr td caption(表格标题) th(表头标题) thead tbody tfoot rowspan(跨列合并) colspan(跨行合并)
表单标签:input(text password radio checkbox file submit reset ) selected textera button label
语义化标签:header nav footer aside section article
字符实体：
h5的新特性有哪些
1.语义化标签 header footer section nav article aside
2.表单控件：time calender date url number file search email
3.画布 cavas 音频视频中的autoplay
4.存储 localStorage sectionStorage cookie
三 CSS
含义
层叠样式表，给页面中的html设置样式。
引入方式
内嵌式 写在style里
外联式 用link引入
行内式 写在style的属性中
选择器
标签选择器：p {} 类选择器：.类名 {} id选择器：#{} 通配符选择器: *{} 后代选择器：爹 儿 子代选择器： 亲爹>亲儿 并集选择器：选1，选2 {} 交集选择器:选1选2{} 伪类选择器： 选择器：hover{}
字体文本背景样式
字体
font-size font-weight font-style(倾斜 ) font-family color font-face
文本
text-indent text-decoration（underline none overline line-through） text-align(文本 span标签、a标签 input标签、img标签 父元素设置) text-shadow
line-height : 1 可以取消上下间距
颜色
背景
bgc bgi:url("") bgr bgp
元素模式
块级元素：宽默认父元素，高内容撑开； 行内：宽和高都由内容撑开；
特性
继承性
可继承的特性：color font-style、font-weight、font-size、font-family text-indent、text-align line-height
层叠性
优先级
CSS3的新增特性
1.颜色：rgba 2.文字阴影：text-shadow 3.边框： border-radius box-shadow border-image 4.盒子模型：box-sizing 5、背景:background-size background-origin background-clip 6、渐变: linear-gradient , radial-gradient 7、过渡 : transition 可实现动画 8、自定义动画 animate @keyfrom 9、媒体查询 多栏布局 @media screen and (width:800px) {…} 10、2D 转换;transform: translate(x,y) rotate(x,y) skew(x,y) scale(x,y) 11、3D 转换 12、字体图标 font-face 13、弹性布局 flex
盒子模型
概念
第一种是 W3C 标准的盒子模型（标准盒模型） 标准盒模型中 width 指的是内容区域 content 的宽度 height 指的是内容区域 content 的高度 标准盒模型下盒子的大小= content + border + padding+margin 第二种 IE 标准的盒子模型（怪异盒模型） 总宽=width+margin 页面中的每一个标签，都可看做是一个 “盒子”，通过盒子的视角更方便的进行布局，浏览器在渲染（显示）网页时，会将网页中的元素看做是一个个的矩形区域，我们也形象的称之为盒子。
组成
内容区域（content）、内边距区域（padding）、边框区域（border）、外边距区域（margin）
清除浮动的方法有哪些？
- 直接设置父元素高度
- 额外标签法
- 单伪元素清除法
- 双伪元素清除法
- 给父元素设置overflow : hidden
块格式化上下文（Block Formatting Context）BFC
它是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。
如何使一个盒子水平垂直居中？
1.利用定位
父：position:relative;
子：
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;
2.利用 margin:auto;
margin: auto;
top: 0;
right: 0;
bottom: 0;
3.利用display：flex;设置垂直水平都居中
display: flex;
justify-content: center;
align-items: center;
4.利用transform
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
