画一条0.5px的线

参考

行内元素和块级元素

HTML可以将元素种类分为行内元素、块级元素和行内块级元素三种，在使用过程中可以通过CSS的display属性相互转换。

行内元素

行内元素对应的CSS样式设置为display: inline;。

特点

• 元素排在一行。
• 封闭后不会自动换行。
• 不能指定高度与宽度。
• 可以使用line-height来指定高度。
• 外边距对于水平方向有效，垂直方向无效。
• 内边距对于水平方向正常有效，垂直方向只有效果，对其他元素无任何影响。

CSS进阶

flex弹性布局

grid网格布局

移动端适配布局

逻辑像素与物理像素

  逻辑像素，也叫“设备独立像素”，对于前端来说就是css中的像素，举例：iphone6下的逻辑像素为375px。

  物理像素，即设备屏幕实际拥有的像素点，一个设备生产出来，他们的像素就已经确定了，举例：iphone6下的物理像素为750px。

• 逻辑像素：CSS中的像素，绝对单位，保证不同设备下元素的尺寸是相同的。
• 物理像素：设备屏幕实际拥有的像素点，相对单位，不同设备下物理像素大小不同。