前端学习之css

link元素链接到CSS文件，用href连接。

 <link rel="stylesheet" href="./styles.css">

设置页面长宽：

Add a viewport definition with a content attribute detailing the width and initial-scale of the page.

如下：

<meta name="viewport" content="width=device-width, initial-scale=1">

width：calc(100%-20px)

1.css中width属性的width:calc(100%-20px);
意思是设置宽度比100%的宽度少20px。目的是动态改变宽度、高度的变化，适配问题。
Calc()函数用于动态计算长度值，calc()函数支持“+”，“-”,“x”,”/”运算。

用ul,li和a编辑标签：

<ul>
          <li><a href="#">INFO</a></li>
          <li><a href="#">HTML</a></li>
          <li><a href="#">CSS</a></li>
        </ul>