如果有一个需求,给一个元素增加一条边框,想必大家会习惯且娴熟的使用border来实现, 其实outline也能达到同样的效果,并且在有些场景下会更适用,比如下面的demo 使用border后,div宽度增加,导致超出父元素 使用outline后 ...
在浏览器里,当鼠标点击或使用Tab键让一个链接或者一个radio获得焦点的时候,该元素将会被一个轮廓虚线框围绕。这个轮廓虚线框就是 outline 。 outline 能告诉用户那一个可以激发事件的html元素获取了焦点,对钟爱键盘操作的用户尤其有意义。一个清晰悦目的outline设计能提高使用表单的用户体验。 另一方面,outline 也有些讨厌的地方,比如使用CSS设计的Tab 标签页 时,选 ...
2016-11-08 17:37 0 3134 推荐指数:
如果有一个需求,给一个元素增加一条边框,想必大家会习惯且娴熟的使用border来实现, 其实outline也能达到同样的效果,并且在有些场景下会更适用,比如下面的demo 使用border后,div宽度增加,导致超出父元素 使用outline后 ...
1.border占用空间,outline不占用空间,不会影响元素的尺寸和位置。 2.border 可应用于几乎所有有形的html元素,而 outline 是针对链接、表单控件和ImageMap等元素设计。 从而另一个区别也可以推理出,那就是: outline 的效果将随元素的 focus ...
outline:0与outline:none的效果完全一样,用哪个都行,为了少写几个字,提倡用outline:0。具体区别如下: 出处: https://stackoverflow.com/questions/35648667/outline-none-vs-outline-0 ...
一、属性描述 属性 描述 border 复合属性。设置对象边框的特性。 outline 复合属性。设置或检索对象外的线条轮廓。 border-radius 设置或检索 ...
注意:只能应用于2D,你非要说2D的world space 模式我也没办法... outline 是一个类似于阴影的shader。缺点是耗性能。 ...
centos7执行如下 sudo yum update curl -fsSL https://get.docker.com/ | sh sudo service docker start #验证 d ...
outline这个属性平时用的不太多,最近被问及专门研究一下这个属性的作用。 CSS2加进来的outline属性,中文翻译过来是外轮廓。 神马是轮廓? 轮廓,指边缘;物体的外周或图形的外框。 那这样的话外轮廓就是在外部的边框咯。 看一下正式的定义:outline (轮廓)是绘制于元素周围 ...
首先 输入 find / -name "access.txt" 查询文件地址(这一步为了找到outline下密钥文件地址) 然后去到outline下密钥文件地址对应目录 cd /opt/outline 输入vi access.txt查看文件 转换成要求的json格式录入 ...