text-decoration和outline

text-decoration和outline

这两个一直弄混，其实是没有任何关联的，今天梳理一下，知识虽小但是也要积攒呀

• text-decoration 首先看名字，顾名思义是文本的修饰，比如加一些线条（underline）啊什么的，或者去掉线条（none）常用在a标签

  1. 修饰文本的话有在上面的（overline），中间的（line-through），下面的（underline），没有的（blink）

  2. 常用的是在去掉a标签自带的下划线

  3. h1 {text-decoration:overline}
     h2 {text-decoration:line-through}
     h3 {text-decoration:underline}
     h4 {text-decoration:blink}
     

• outline 设置边框的，常用在input输入框，获取焦点时进行设置

可以按以下顺序设置

1. outline-color 颜色
2. outline-style 样式（实线 solid 虚线 dotted等）
3. outline-width 宽度（thin，medium，thick 自由发挥）