-
禁止拖拽
resize: none; -
获取焦点时的轮廓线
outline: none; -
字体风格 normal 默认值 italic 倾斜
font-style: italic; -
图片撑起一个盒子，盒子的底下会出现1~2px的高度
用vertical-align: middle; 使对齐基线为中间，可以避免这个“bug” -
为了解决各个浏览器的差异，我们要做适配
处理浏览器的兼容性：
- 书写css样式的时候加上浏览器的前缀
常见的浏览器前缀：
火狐浏览器: -moz-
谷歌浏览器: -webkit-
edge IE浏览器: -ms-
Opear浏览器: -o- - 降级处理（这种处理方式比较low）
- 用js处理
-
text-decoration
-- underlin 下划线
-- line-through 删除线
-- none 无 -
字体大小默认是 16px
-
字体大小的单位: px em rem
-- px: 固定单位 一旦设置就无法自适应页面的大小而变化
-- em: 是相对于其父元素字体大小来设置字体的 如果没有父元素 参考body;