7.23

本日感觉很累，早上起来脑壳昏沉昏沉的，很懵很懵，下战书也是。自习的一天，复习了昨天的知识点，本日又看了新的内容。
1.通过css举行三角形的制作。本质上来说就是对高度和宽度为0的盒子设置边框，再对部门边框颜色透明表现，就可以天生三角形。
放一个示例图。
另有三角强化，本质上都是一样的，通过设置边框举行表现。以下代码。

.box {      width: 0px;      height: 0px;      /* 不设置底部边框， 和左部边框，将上边框线改大，并设置为透明色 即可实现三角形*/   
  /* border-top: 160px solid transparent;   
  border-right: 80px solid blue; */   
  /* border-bottom: 80px solid green; */   
  /* border-left: 0px solid pink; */   
  /*以上是盒子三角形的底子外形 */ 
    /* 以下为简便复合代码 */ 
border-width: 160px 80px 0px 0px;     
border-color: transparent blue transparent transparent;   
  border-style: solid; }

以下结果图：


2.用户界面中的鼠标样式的制作。
对标签添加cursor样式就可以天生。


3.取消表单输入框的表面线 outline：none；让行内块元素大概行内元素居中对齐 vertical-align：middle；（也可以用于取消图片下方小间距）
4.单行文本溢出表现省略号。
  /* 逼迫笔墨在一行内举行表现 */
      white-space: nowrap;
      /* 对超出部门举行隐藏 */
      overflow: hidden;
      /* 对隐藏的部门用省略号取代 */
      text-overflow: ellipsis;
5.margin负值的运用 结果：相邻两个盒子同时设置边框之后不能扩大宽度，对此中一个盒子设置外边距举行边框覆盖。
6.浮动原来的本质就是，浮动之后笔墨会产生围绕结果。
7.对行内块或行内元素的父元素添加text-align：center时会居中。