html/css很少用到的点

• width：fit-content
  内容撑开标签
• <include />标签 参考网站
  一个网站很多页面里面，一部分内容的代码是一样的，比如：head，footer，menu等。那么我们则可以写一个头部，一个尾部，一个menu然后引入到需要用的页面里面，则不需用写重复的代码了。include是在a.html里面嵌入b.html的代码，是将代码拼凑完整，而不是在浏览器中嵌入一个浏览器。
  这样的好处是，当重复代码修改一个小地方时候，只需在一个html里面修改，不需要重复修改代码，也不会因为页面太多导致漏掉未修改。

<include file="文件地址"/>

• insertAdjacentHTML方法 js方法
  可以在指定的地方插入html内容和文本内容。
  语法：insertAdajcentHTML(swhere,stext)
  参数：
  swhere: 指定插入html标签语句的地方，
  stext:要插入的内容
  swhere有四种值可用：

1. beforeBegin: 插入到标签开始前
   

2. afterBegin:插入到标签开始标记之后
   

3. beforeEnd:插入到标签结束标记前
   

4. afterEnd:插入到标签结束标记后
   

• input等表单标签的宽高设置
  把input的宽高设置为100%，让他跟随父级变化
• 垂直线性渐变

border-left: 1px solid;
border-image: 
linear-gradient(to bottom,#f9f9f9,#d1d1d1,#f9f9f9) 1;