outline和border的区别：
border可以应用于所有html元素，而outline主要用于表单元素、超链接元素；
当元素获得焦点时会自动出现outline轮廓效果，当失去焦点时会自动消失，这是浏览器默认行为；
outline不影响元素的尺寸和位置，而border会影响。

1、outline不占用网页布局空间。他是一种动态样式，只有在元素获得焦点或者被激活的时候呈现效果，突出元素的作用。border是盒模型的一部分。
2、outline创建的轮廓线四边都必须是一样的，而border可以不同。outline的外轮廓线必须闭合，不可以只设置一边。
3、outline创建的轮廓线可以向内扩展（将outline-offset设置为负值），而border只能向内。