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

CSS样式

1. 什么是CSS

• CSS指层叠样式表Cascading Style Sheets
• 样式定义如何显示HTML元素
• 样式通常存储在样式表中
• 把样式添加到HTML中，是为了解决内容与表现分离的问题
• 外部样式表可以极大提高工作效率
• 外部样式表通常存储在CSS文件中
• 多个样式定义可层叠为一个

2. CSS实例

body {
background-color:#d0e4fe;
}
h1 {
color:orange; text-align:center;
}

3. CSS的id和class选择器

在我们需要对HTML中的元素进行样式添加的时候，我们需要给他们绑定class类名或者id选择器，在绑定class时我们需要在CSS中的类名加.+（元素类名）进行选中，在绑定id选择器时，我们需要在CSS中的类名添加#+（元素类名）进行选定。

4. 字体font-famliy

课堂笔记截图：

font-family 可以把多个字体名称作为一个"回退"系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。

5. Flex Box

课堂笔记截图：

6. margin以及padding

margin课堂笔记截图:

padding笔记：padding用来设置HTML元素的内边距，padding的四个值依次设置的是上右下左四个内边距。特殊情况：

padding:10px 5px 15px;

这个padding设置的是元素的上内边距为10px,右和左内边距为5px,下内边距为15px.

7. CSS的布局相关技术

课堂笔记截图：

8. CSS颜色设置

CSS设置颜色的时候，颜色值可以使用十六进制表示法为红，绿，蓝的颜色值结合。可以是最低值是0（十六进制00）到最高值是255（十六进制FF），例如: #FFFFFF即为白色，同样 rgb(255,255,255)也为白色。