前端语言串讲
前端语言：HTML【框架】 CSS【外表】 JavaScript【交互体验，效率，可用性（肌肉）】
HTML CSS【语法简单，可使用选择器，查看value type】JavaScript【简单功能，交互实现】
HTML为一种标记语言 HTML5的一些新功能或者规范的介绍
CSS
负责网页外表，规模模块化发展同步提高网站可维护性和性能速度
1. 基础知识：
层叠样式表
层叠样式表三大规则：1.样式表来源 2.选择器优先级 3.源码位置（优先程度递减）
样式表来源重要排序：用户代理样式，用户样式，作者样式表（一般developer定义的CSS都会覆盖掉浏览器原有的样式）
选择器优先级：id>class=attribute=pseudo-class>type=pseudo-element
源码位置：看源码顺序，第一位生效
-
选择器尽量少用id：优先级较高，后续修改覆盖受限，
-
尽量不要用！important：拓展灵活性受限
-
自己的样式加载在应用库样式的后面：确保自己的样式生效
继承：文本有很多具有继承特性的属性，少部分列表，表格有 也可以使用inherit制定一个属性值从其父元素继承（覆盖其原有） 可通过看规范与手册进行对具体CSS具体属性的查询及了解
- 要遵循视觉格式化模型，盒模型是其中一个基础【padding，border，margin】 负margin进行布局调整
2.布局
常规流布局Block direction【从上往下】Inline direction【从左到右】
- 块级格式化上下文：同级盒子间的垂直距离会由margin属性决定，相邻两块块级盒子之间的垂直间距会遵循外边距折叠原则被折叠
消除外边距塌陷的方法：在两个相邻的边距处加border使其不相邻，设置父子不在同级BFC中。
-
内联级格式化上下文：单行文字垂直居中，文字与某图标垂直对齐 弹性盒子布局：更加高效灵活的布局方式，排列分割布局
-
网格布局：可以定义由行与列组成的二维布局，可将元素放置到网格中，元素可占一个单元格或者多行或多列
-
Position定位：非static时，developers可使用top，left，right，bottom进行定位
Relative【相对于原有位置定位，原来定义位置还在】，absolute【相对于最近的static文件进行定位 】，fixed【相对于屏幕视口进行定位】，sticky【滚动后移动到对应位置并相对视口不变】
