(圆角边框 盒子阴影 CSS书写规范)

1、圆角边框

语法：

   border-radius: length;
  技巧： border-radius:50%

百分比会显示宽度和高度的一半，而作一般圆角矩形，只要用高度或宽度的一半（精确单位）

2、盒子阴影

语法：

  box-shadow：水平阴影 垂直阴影  模糊距离（虚实） 阴影尺寸（影子大小） 阴影颜色 内/外阴影；
      1、  box-shadow: 2px 2px 2px 2px #000;
       2、 box-shadow: 0 15px 30px  rgba(0, 0, 0, 0.3)

值	描述
h-shadow	必需。水平阴影的位置。允许负值
v-shadow	必需。垂直阴影的位置。允许负值
blur	可选。模糊距离
spread	可选。阴影的尺寸
color	可选。阴影的颜色。请参阅CSS颜色值
inset	可选。将外部阴影（outset）改为内部阴影

外阴影（outset）是磨人的但是不能写 内阴影可以写 inset

3、CSS书写规范

• 空格规范：
  【强制】选择器与{之间必须包含空格。
  示例

   .selector {
   }
  

【强制】属性名 与之后的：之间不允许包含空格，：与属性值之间必须包含空格
示例：

 font-size: 12px;

• 选择器规范
  【强制】并集选择器，每个选择器声明必须独占一行
  示例：

  .post,
  .page,
  .comment {
   	 line-height: 12px;
  }
  

【建议】一般情况下，选择器的嵌套层应不大于3级，位置靠后的限定条件应尽可能精确
示例

#username input {}
.comment .avatar {}

【强制】属性定义必须另起一行。
示例：

.selector {
	margin： 0；
	padding： 0；

}

【强制】属性定义必须以分号结尾
示例：

   .selector {
		margin: 0;

}