Day3-CSS基础以及audio和video标签

先来补充上次课没讲到和两个标签

就是HTML5新的两个标签：

audio音频标签

video视频标签

效果图（一看效果图就懂了吧）：

代码图：

一、正式进入CSS部分：

1.什么是CSS?

答：层叠样式表(英文全称：CascadingStyleSheets):CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

CSS样式：

1.内嵌样式/内联样式: 通过style属性加在单个元素上的样式

2. 内部样式：通过style标记加在当前页面上指定的一个或多个元素上的样式

3. 外部样式：通过定义单独的css文件，可适用到多个网页的样式

css文件

4. 浏览器默认样式

样式的适用原则：就近原则 内嵌样式>内部样式>外部样式>浏览器默认样式

CCS主要用来美化网页的，俗话说：“人靠衣装马靠鞍”，CSS就好像网页的‘衣服’一样。

我们要美化某个元素时，是不是得选择它，那么就引出了选择器这个东西

/*

选择器的类型:

1. 元素选择器

2. id选择器

3. class选择器

4. 选择器分组

*/

具体如下图：

效果图：

二、选择器进阶（派生选择器）

效果图：

三、设置背景色和背景图片：

/*

设置背景：

1. 设置背景颜色

1) 颜色名称 red, green, blue

2) 十六进制颜色 #RRGGBB red, green, blue 00-FF(0-255) #0000ff

3) 十进制 rgb(255,0,0) 0-255

4) 十进制+透明度 rgba(255,0,0,0.3) 不透明度 0-1 1表示不透明，0表示透明

2. 设置背景图片

*/

效果图：

不懂的同学请尽管在本文下方留言

好了，快下课了，休息一下，下期回来！

喜欢的同学记得分享给其他同学哦！

（好东西要分享 才会成长）

下期知识点：CSS样式(续)

（记得预习哦！）