这是我参与「第四届青训营」笔记创作活动的的第2天。

本篇笔记关于CSS,CSS作为前端三件套之一，重要性不言而喻。接下来我将主要记录CSS简单的介绍，选择器，颜色，继承与基础值，布局，小技巧与建议。

一.CSS简单的介绍

定义页面元素的样式
设置字体和颜色
设置位置和大小
添加动画效果

<link rel="stylesheet" href="/assets/style.css">

<style>

li{ margin:0; list-style:none;}

P{ margin：1em 0; }

</style>

<p style="margin:1em 0">Example Content</p>

二.选择器

继承或者*： 0,0,0,0
元素选择器： 0,0,0,1
类选择器，伪类选择器： 0,0,1,0
ID选择器: 0,1,0,0
行内样式 style="": 1,0,0,0
!important 重要的: 0无穷大

可以用rgb表示，通过调节红黄蓝所占比例，搭配出各种颜色
颜色还可以使用HSL来调节饱和度和亮度，使其达到你的预期

你也可以来调节alpha透明度，如使用rgba，hsla

确定内容的大小和位置的算法
依据元素、容器、兄弟节点和内容等信息来计算\

使用浏览器的检查功能来学习网页中好的CSS样式，将来为自己所用。

如图.btn设置一个基础的样式，再使用.btn.primary实现btn类中需要特殊样式的内容的覆盖

建议：
充分利用 MDN和W3C CSS 规范
保持好奇心，善用浏览器的开发者工具
持续学习，CSS 新特性还在不断出现