关于有些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
<a href="tel:xxx">
经过测试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的话,选择高倍图准没错。