杂录

关于有些HTML的属性可以不用写值如（required）而有些却要。主要是因为有枚举型和布尔型之分。
枚举型就是一个变量只可能有这几种取值。如spellcheck，必须显式地设置值为true或者false
如spellcheck="true"就不能只写spellcheck。

---

:focus-within 这个伪类，它或者它的后代获得焦点都可以触发。
比如说用在form表单上，foucs任意一个input都是可以触发的。

---

~=其中的value必须是一个独立的单词，例如 [title~=test] 中 test a可以被选中testa不能被选中．

*=其中的value只要是值的子串就可以，例如test-a，test a和testa均可以被选中．
|=与~=的特性一样

---

安卓dp: device independent pixel 也叫dip

苹果pt: point
其实都对应了css中的px

---

经过测试tel后面填的点和短横线在触发手机拨号界面的时候都会去掉，但是括号不会

---

---

font能不能简写呢。

文档所言，必须指定font-family，而我们项目是不指定font-family的，所以就没办法使用复合属性。

---

font-weight取值从 1 - 1000

---

margin, padding设置的百分比是依据父元素的width，

个人觉得死循环理由不太对。
解father_height = father_height * margin所占的半分比 + father_height * padding所占的百分比 + child_height。是完全可以算出来的。
同截图文章观点，无论如何，知道margin，padding是相对宽度就行了。


而width和height分别是依据父元素的width和height

---

rotateX和rotateY会影响实际的width和height，这两个和rotate（2d旋转）不一样，这是3d旋转

skewX沿着X轴的倾斜，height不变。
skewY沿着Y轴的倾斜，width不变。
scale只接受number，一个值就等同于x，y轴同值。两个值则是分开设置

---

a标签自带cursor: pointer，但是在检查F12的时候是看不出来的
关于二倍图的问题。 retina屏（左一倍图，右二倍图）

普通屏

二倍图和一倍图在devicePixelRatio=1下表现效果没啥区别，但是在deviecePixelRatio=2时一倍图会变模糊，甚至要比普通屏显示得更加模糊
所以如果不想用srcset的话，选择高倍图准没错。