理解JavascriptJavascript是一个面向对象的跨平台脚本语言对象：基于对象的脚本语言，它不仅能够创建对象，也能应用现有的对象跨平台：可在各种环境下运行脚本语言：JS程序必须嵌入到HTML文件中能力执行Javascript 组成ECMAScript（ES）：JS的语法规范DOM（文档对象模型）：应用JS操作HTML构造BOM（浏览器对象模型）：使…

Bootstrap响应式布局框架特色疾速实现响应式布局基于Flex的栅格化布局零碎（将一行分为12个单元格）领有丰盛的组件和工具办法常见交互的办法应用引入文件后，元素增加class名即可Bootstrap 六个响应式断点断点类中断响应尺寸extra-small无或auto<576pxsmallsm576px≤X<768pxmediummd768px≤X<992pxlargelg992px≤X…

自定义款式变量定义：–变量名应用：款式名：var(–变量名)计算：款式名：cacl(var(–变量名)*1px)默认值：款式名：var(–变量名, 默认值)作用域：优先级最高的申明失效

理解postcsspostcss 一种对css编译的工具，可实现一些工程化操作环境配置装置node环境下载postcss模块：npm install post-cli -g配置postcss配置文件 {代码…} 转换文件：postcss 源文件 -o 生成文件 -w罕用的postcss插件Autoprefixer前缀补全，全自动的，无需多说装置：npm install Autoprefixer –devpostcss-cssnext…

引入前端工程化的话，gunt，gulp，webpack等，less和sass在打包阶段都会转化成css，所以不会有区别，只是sass是基于ruby，所以每次npm的时候绝对慢一点点

响应式布局常见媒体类型媒体类型作用all所有设施print打印机和打印预览screen电脑屏幕、平板电脑、智能手机等speech阅读器等发声设施

viewport视口包含布局视口（layout viewport）、视觉视口（visual viewport）、现实视口（ideal viewport）

容器设置网格布局后，外面顶层子元素成为容器成员，但子元素外部元素不属于容器成员，并且float、clear、vertical-aligin 、display:inline-block / table-cell 款式都会生效

开启弹性盒子模型语法：dispaly:flex容器默认以程度轴为主轴，子元素从左往右排列，纵向轴为侧轴开启弹性盒子模型后对子元素的影响所有子元素默认依照主轴从左往右排列

浏览器前缀兼容形式通过对款式名或款式值增加浏览器前缀达到不同浏览器的兼容浏览器内核前缀IETrident-ms-FirefoxGecko-moz-OperaPresto / Blink-o-ChromeWebkit / Blink-Webkit-SafariWebkit-Webkit-