在css中,有些相近的属性不免有些混淆性和区别,现在拉出来比较一下。
1.rgba vs opacity
rgba:只作用于元素本身
opacity:不仅作用于元素本身,而且作用于元素内的所有内容
2.alt vs title
alt:为设置该属性的元素指定替换文字,替换文字的语言由lang属性指定,在不能显示图像时的用户代理
title:为设置该属性的元素提供建设性的信息
3.readonly vs disabled
readonly:只针对有文本域的input有效,值可以作为表单的一项提交,可以获得焦点
disabled:对所有的input都有效,值不能提交,不能获得焦点
4.block vs inline-block vs inline
block:块级元素,可设置宽高,独占一行(div/p/h1/ul等)
inline-block:行内块元素,可设置宽高,不独占一行(img/iniput/textarea/button等)
inline:内联元素,不可设置宽高,不独占一行(a/span/em等)
5.src vs href
src:是source的缩写,指向外部资源的位置,在请求时会终止其他资源的下载,所以一般放在html文件的底部
href:是Hypertext Reference的缩写,指向网络资源所在位置,在请求时会并行的下载,所以可以放在html的头部
6. vs   vs  
:牛逼空格,按下space产生的空格,占据宽度受字体影响
 :恶念空格,占据宽度是1/2个中文宽度,基本不受字体影响
 :恶魔空格,占据宽度是1个中文宽度,基本不受字体影响