• 清楚默认的margin值和padding值

      1. *{
      2.       margin: 0;padding: 0;  
      3. }

      • a标签有默认文字颜色，控制文字颜色

        a{
color:#333;
}

      • 清除a标签的下划线

        a{
text-decoration:none;
}

      • 加上a标签的下划线

        a{
text-decoration:underline;
}

    • 清除列表前面的默认样式

    ul,ol{
        list-style: none;
    }
    • 控制文字粗细用：font-weight
      如果想让文字加粗用bold或者bolder，变细，比如说h1标题本身就是加粗的；如果想要变成正常font-weight:normal(400)
    • 文字缩进 text-indent：20px;如果想要首行缩进两个字的距离text-indent：2em;
    • 行高 line-height 例子： / 行高 /line-height: 40px;
    • 文字颜色 color 例子： color: aqua;

    • 字体大小 font-size 例子：font-size: 50px;

      li:hover{
          background-color: blueviolet
      }

    • 边框，边框的粗细，边框的样式：solid实线 dashed虚线，颜色
      border: 5px solid lightgrey;

    • 控制字体大小
      font-size: 50px;
    • / 宽度 /
      width:200px;
    • / 高度 /
      height: 100px;
    • / 文字垂直居中 行高 垂直居中/
      / line-height: 100px; /
    • / 背景颜色 /
      background-color: green;
    • / 文字水平居中 /
      text-align: center; left 居左； right 居右
    • / 字体加粗 /
      font-weight: bold;
    • / 字间距 /
      letter-spacing:1px;
    • / 溢出隐藏 /
      overflow: hidden;
    • / 溢出变… /
      text-overflow:ellipsis;
    • / 背景图 /
      background:url(“网址”)
    • / 大盒子水平居中 /
      margin:0 auto;
    • / 去掉加粗 /
      font-weight: normal;
    • 鼠标滑过变成手
      .gwc:hover{ cursor: pointer; }
    • 图形变成圆
      border-radius: 50%;
    • 文本框
    • 阴影代码
      (内容)text-shadow： 2px 2px 6px rgba(0, 0, 0,0, .4);

    (框)box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);

    • 行内块设margin没用
      • 解决办法
        • 给父级设
        • 转成块状元素
    • 选择第几个
      .quan header .nav li:nth-child(3){
      margin-bottom: 0;
      }
    • li:nth-child(odd){
      background: red;
      偶数行变红
      }
    • li:nth-child(even){
      background: green;
      奇数行变红
      }
    • background:linear-gradient(45deg,red,blue,green);
    • opacity:0.5; 设置不透明度，从 0.0 （完全透明）到 1.0（完全不透明）。