李亚琦的博客

图三所示在if/else while for等代码块中皆是如此。所以尽量避免使用var，常量用const，变量用let。

CSS中的应用样式优先级

这要求AB是对同一HTML元素定义的class或者ID。这要求A B是父子关系，且B是子。

使用bootstrap的grid system可以在一个较为粗糙的范围得到较好的响应性，但是通过viewport可以看到网站在具体哪个像素点处变得丑陋，再通过css media query来精细调整网页布局。可以通过media query来提高网页移动响应能力。

css - Z index

1、对于font-size，设置成100%时，实际是12px，也等于1em，即100% = 16px = 1em，使用em和%形式的作用是用户在浏览器设置中设置字体大小时候相应字体会随之变化，如果使用px则不会发生变化。但一些设计师认为有该功能需求的用户更可能会直接缩放网页大小，这样使用静态大小和em的效果也相差无几了。2、使用静态大小（px）时，子元素不会从父元素继承字体大小，如果使用%和em形式则会继承。如果子元素使用rem（root em）单位，则不会继承父元素的大小。

1、例如，在对不同的图片应用不同的背景颜色时，单单用img来选择图片是不可行的，得让图片们具有更加具体的“代号”，比如在img标签内添加class属性，为其取一个“别名”，这样在css中就可以得以“寻址”，注意类选择器的语法不同于标签选择器。对于不同的元素可以有相同的类名，但不能有相同的id名，一个id名对于一个元素来说是唯一的专属的，但类名可以应用到不同的元素上从而实现分类，这也很符合逻辑。2、id选择器，为html元素添加id属性，为其取一个“别名”，在css选择时，使用#即可。

2、对于选择器选中的某个元素，可以在花括弧内对其使用多个属性，但是推荐以首字母顺序来排列这些属性。

几种使用css的方式

box模型

fixed：即使页面发生滚动，元素依然会在屏幕上的那个确定位置上，类似于excel的冻结首行，无论如何上下滚动，第一行永远显示在那个位置。absolute：相对其最近的父元素的定位，移动它会使原来的位置空出，其他元素会按照static规则摆放过来。relative：相对原本的static位置的定位，移动它不会影响其他布局（原来的坑还在）static ： 写好html，不进行任何的css修饰，只遵从浏览器基本的定位规则。使用relative 和 absolute 的组合来微调元素位置。