input 阴影

设置 border-radius 后 input 会有一个内阴影
4.png

重新设置 border 样式就能解决：

  1. border: none;
  2. border: 1px #ccc solid;

input 获取焦点

在 chrome 中 input 获取焦点时会加上一个边框
image.png

*:focus { outline: none; }

单词自动换行

如果你的 div 设置了固定的 width 和 height，有时会出现文字不能自动换行的情况。

image.png

只有英文文本才会出现不能自动换行的情况，（中文不存在）而原因是因为英文文本之间没有加空格，浏览器会认为这是一个特别长的单词；

解决方法：

  1. 在文本适当位置加空格
    2. css 代码中加上这行：word-wrap:break-word;

hr 标签

标签在 HTML 页面中创建一条水平线。

实际上

是一个块级元素，独占一行，并且可以设置宽高。

默认样式是高度为 0，border-width 为 1px 。可以通过修改 border-color 或者给一个高度并设置 background-color 来修改
的颜色。