vue学习（2）——样式style

举个例子

/* 设置按钮：独占一行、margin外边距（上右下左）、背景色、字体颜色、border边框（宽度、样式、颜色、继承父元素样式）、
padding内边距、圆角、字体大小、光标 */
button { 
  display: block;
  margin: 20px 0;
  background: mediumseagreen;
  color: aliceblue;
  border: 2px solid red;
  padding: 14px 45px 14px 45px;
  border-radius: 4px;
  font-size: 20px;
  cursor: pointer;
}

Margin(外边距) - 清除边框外的区域，外边距是透明的。
Border(边框) - 围绕在内边距和内容外的边框。
Padding(内边距) - 清除内容周围的区域，内边距是透明的。
Content(内容) - 盒子的内容，显示文本和图像。