CSS属性

CSS属性

      /* 颜色 */
      color: ;
      /* 文字居中 文本水平居中 */
      text-align: ;
      /* 文字缩进 */
      text-indent: ;
      /* 文字大小 */
      font-size: ;
      /* 背景色 */
      backgound-color: ;
      /* 宽 */
      width: ;
      /* 高 */
      height: ;
      /* 行高 当行高与高相同时，内容垂直居中*/
      line-height: ;
      /* 盒子类型 常用取值：block块盒 online行盒*/
      display: ;
      /* 内容 */
      content: ;
      /* 内边距 */
      padding: ;
      /* 边框 */
      border: ;
      /* 外边距 */
      margin: ;
      /* 边框线样式 */
      border-style: ;
      /* 创建弹性布局 */
      display:flex;
      /*换行*/ 
      flex-wrap: wrap;
      /*不换行*/ 
      flex-wrap: nowrap;
      /*倒序换行换行*/ 
      flex-wrap: wrap-reverse;
  /* 主轴方向布局 */
      /* 默认值 靠开始对齐 */
      justify-content: flex-strat;
      /* 靠结束对齐 */
      justify-content: flex-end;
      /* 两端对齐 容器与项目距离为0*/
      justify-content: space-between;
      /* 容器与项目距离 是 项目与项目距离的一半 */
      justify-content: space-around;
      /* 容器与项目距离 和 项目与项目距离相等 */
      justify-content: space-evenly; 
      /* 解决图片按 inline-block排版出现的3px的像素间隙 */
      vertical-align: top;
      或
      vertical-align: bottom;
  ​

盒子类型

行盒

  <a> </a>
  <q> </q> 小段引用
  <span> </span> 表示一个区域，无实际意思 
  <strong> </strong> 加粗
  <b> </b> 加粗 
  <em> </em>   斜体
  <i> </i>  斜体 
  <cite> </cite>文献引用
  <sub> </sub>下标
  <sup> </sup>上标
  <del> </del>中划线
  <img>
  ​

块盒

  
  <h1-6>   </h1-6>
  <p> </p>
  <div> </div>
  <nav> </nav>
  <header> </header>
  <article> </article>
  <aside> </aside>
  <section> </section>
  <footer> </footer>
  <blockquote> </blockquote> 大段引用，独占一行
  <hr> 横线
  <pre> </pre>预留格式化
  <ol> </ol>有序列表

行内块

  
  <input>
  ​

\