查漏补缺——解释一下以下的样式

问题

如题所示

答案

相关源码：

* {
  font-family: miranafont, "Hiragino Sans GB", STXihei, "Microsoft YaHei", SimSun, sans-serif;
  margin: 0;
  padding: 0;
  text-decoration: none;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 1px;
}

*这个符号是通配符，也就是对所有元素都生效。

text-decoration: none;这个样式是为了取消下划线。

box-sizing: border-box;的作用

从box-sizing:border-box属性入手，来了解盒模型

box-sizing: border-box;，其实这个盒子尺寸只是计算方式不一样。

让字体变的更清晰CSS 中 -webkit-font-smoothing

对webkit-font-smoothing和-moz-osx-font-smoothing的理解

-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

这两个样式是为了字体最后渲染出来会更好看点。使用前缀不同是因为对应不同的环境，-webkit-font-smoothing这个适用于MacOS，-moz-osx-font-smoothing适用于Firefox浏览器。

letter-spacing属性

letter-spacing: 1px;

letter-spacing这个样式为了设置字符的间距。