如何使用CSS
外部样式表
即把CSS样式写在外部文件，通过 head 标签中的 <link> 引入。
<html>
<head>
xxx
<link rel="stylesheet" href="styles.css">
</head>
</html>
href 属性置顶要引入的CSS文件路径，可以是网络文件也可以是本地文件。
内部样式表
把CSS样式写在HTML文件的 <head> 标签里的 <style> 标签之中。
<html>
<head>
xxx
<style>
xxx
</style>
</head>
</html>
内联样式
写在HTML元素的style属性之中。
<p style="color:red;">This is my first CSS example</p>
不推荐使用。
选择器
使用不用的选择器选择HTML元素并美化它。
函数
看起来CSS像是标记一样，只需要填写对应的值，但它其实也有函数。如：
calc()
进行简单计算，如： calc(100 / 6)
@规则
一些特殊的规则。
如 @import ，用于导入样式表。
@import 'styles2.css';
或是 @import ，媒体查询。
速记属性
将多个属性值合并写在一个。如：
padding: 10px 15px 15px 5px;
等价于
padding-top: 10px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 5px;
类似的还有font、background、border、margin等。
注释
使用 /* */ ，不能用 // 。
参考自
MDN-如何构建CSS
531
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
