错题整理

checkbox 勾选

对于input checkbox来说，只要读取到checked就会显示勾选，后面的内容会被编译器无视。

页面乱码

1. 中文极易导致编码混杂问题(utf-8,gbk)
2. <meta charset='utf-8'>规定了编码为utf-8，但是并不一定能解决问题，如果储存编码为gbk而规定编码utf-8仍然会导致乱码

语义化

1. 虽然可以移除标签默认属性，但是会给代码可读性带来很大问题。爬虫常常依靠标签来判断页面内容，而标签指明了网页的结构。
2. 语义化并非所有时候都好用，也会带来操控负担

width: 100%

父元素content width=子元素content

cd ..

切记打空格。不选C我真的很后悔。

cd ~ cd /

切换至上级目录

..等效于../

浏览器内核

尽管安卓是Google的，默认浏览器也是Chrome，但是其浏览器内核不同于Desktop Chrome所用的blink，且由于安卓国内外的差异，其内核为webview或x5

DOCTYPE

<a> attribute

如果查看MDN anchor attributes会发现并不包含class, id, title。 这三个属性属于html 全局变量，即所有标签都拥有的属性

目录结构

<img src="/imgs/a.png">: /表示根目录，即在根目录下寻找img, 根目录下只有demo

<img src="demo/imgs/a.png>: 在根目录下寻找demo，在demo下寻找img

form method

form method不是http method。
form method = GET | POST | DIALOG

label

css 注释

编译器读到/* */ 之后会无视其中内容

css 选择器

参考：www.ruanyifeng.com/blog/2009/0…

隐藏元素

只有display: none和visibile: hidden
不存在display: hidden写法

content box

content box width = content width
border box width = content width + padding width + border width

transparent

十六进制颜色也支持最后一位的Alpha通道。#0000表示全透明黑色

line-height

纯数字与百分比区别在于：

• 使用百分比时，会计算父元素的line-height值，然后将其继承给子元素；
• 使用数字时，子元素先继承1.5这个系数，再计算对应的line-height像素值。 也即，百分比继承的只是一个值，与子元素的font-size无关
  而纯数字则是继承倍数，与font-size有关。

vertical-align

MDN vertical-align: developer.mozilla.org/zh-CN/docs/…

display: inline-block 顶部对齐

margin: 0 auto代表margin-top, margin-bottom为0，而左右自动分配宽度，可令元素自动居中。
vertical-align: top可令内联元素顶部对齐。

float与文件流

使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在该元素的周围。

position: absolute 定位

D，E等效

reflow

margin, border, padding 修改也会触发 reflow

图片请求

遇到display:none dom tree会无视此物，而其子元素自然不被加载。