1.width/height只有在display: inline-block;下才生效
2.按钮变成椭圆形：border-radius:
3.将图片放在左边：position: absolute;
left: 80px;
4.设置整个页面背景：
只有将最外侧标签写成body，height才会生效
5.改变表格边的样式：
Value Description
void The outside borders are not shown
above The top outside border is shown
below The bottom outside border is shown
hsides The top and bottom outside borders are shown
vsides The left and right outside borders are shown
lhs The left outside border is shown
rhs The right outside border is shown
box The outside borders are shown on all four sides
border The outside borders are shown on all four sides
值 描述
normal 默认值。浏览器显示一个标准的字体样式。
italic 浏览器会显示一个斜体的字体样式。
oblique 浏览器会显示一个倾斜的字体样式。
inherit 规定应该从父元素继承字体样式
改变字体为苹方：font-family: PingFangSC-Regular, sans-serif;
7.字体加粗：关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别，那么这些数字就直接映射到预 定义的级别，100 对应最细的字体变形，900 对应最粗的字体变形。数字 400 等价于 normal，而 700 等价于 bold。
font-weight:900;
8.将模块放在边侧，可用float，调整位置用margin-left/margin-right
9.padding／margin 顺序为上右下左,中间不用，隔开
10.position:relative 时，如果top:－50% 不生效就用px来定位
或者给父类加上height
11.设置背景透明度：opacity:x(0-1)
eg: 0.8
12.添加背景图片： background-image：url()
ps:运行h5程序 source ~/.bash_profile
npm run dev