CSS 层叠次序
当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
浏览器缺省设置
外部样式表
内部样式表（位于 <head> 标签内部）
内联样式（在 HTML 元素内部）
LiveStyle插件的一直没有正常过，放弃！
安装 browser-sync 用于调试html css
官方中文网站 内有详细说明
安装之后在项目路径下 shift 打开powershell 输入
browser-sync start --server --files "css/*.css, *.html"
注意！！！ html网页 必须是Index.html 否则会出现 cannot get 的错误页面
正确打开后是这样：
现在修改右侧 或者左侧 就会同步！
Bootstrap
（Web框架）
<p style="font-family:times;color:green">
This text is in Times and green</p>
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 [1] 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。 [2]
