css中一些属性的比较

在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个中文宽度,基本不受字体影响

猜你喜欢

转载自www.cnblogs.com/artimis/p/8991529.html