CSS常用基本样式以及属性

1. 什么是css？
   是Cascading style Sheets的简称，层叠样式表；
   作用：给html元素添加外观特征（设置字体，颜色，位置，间距等等）
2. 网页分为几种层？
   显示层（视图层 view）表现层（css）行为层（js） 三者构成网页
   css多种样式可层叠一个，写外部样式可以提高效率；
3. css的样式分为三种写法
   行内样式 内嵌样式 外部样式
   样式的写法规则：属性：值；
   行内样式写法规则是在元素style属性上直接 属性:值；
   内嵌或者外部样式 在style标签内部去写
   使用元素选择器来匹配 规则为： ele{属性：值；}
4. css里面的尺寸属性：
   width:宽 height：高 max-width：最大宽 min-width：最小宽 max-height：最大高 min-height：最小高
   line-height(一行字的高度 行高)
   如果一个容器有一行字 设置行高和高度相等
   letter-spacing 设置调字间距
5. CSS里面的边框熟悉：

border:1px solid red;
 	border-left:1px solid red;
  	border-left-width:1px;
  	border-left-style:solid;
 	border-left-color:red;
 	
 	border-right:1px solid red;
    border-top:1px solid red;
    border-bottom:1px solid red;

6. 文本不折行：white-space: nowrap;
7. 背景属性：background

  background: #cbcbcb url('./img/0.jpg') center no-repeat;
  背景色属性：
  background-color: #3dff48;
  背景图片：
  background-image: url('./img/0.jpg');
  背景图片坐标：
  background-position: 10px 0;
  也可以写单词值： center  left  right top bottom
  背景平铺属性：
  background-repeat: no-repeat;
  背景图片大小属性：
  background-size: 100px;  //100px 100px;
  background-size:cover;  设置页面内只有一整张图片
  背景色可以写渐变色：
   background:linear-gradient(180deg,#fff,#cbcbcb,#999); //角度也可以写成方位
   background:linear-gradient(to right,#fff,#cbcbcb,#999);
   background:linear-gradient(to right,#fff 20%,#cbcbcb 50%,#999);  也可以设置颜色过渡的范围

8. 圆形渐变：ra