视频标签:<video src="视频地址" controls autoplay ></viodeo> controls:控制条 autoplay:自动播放 loop:循环播放
框架标签:<iframe src=“地址” frameborder="边框" ></iframe>
CSS的三种引入方式:
1、内联:在标签中添加style属性
<标签名style= "样式名1:样式值1 ;样式名2:样式值2"></标签名>
2、内嵌:
在head标签中添加style标签
<head>
<style>
选择器{
样式名1:样式值1;
样式名2:样式值2;
}
</style>
</head>
选择器:
1. id选择器人的身份证 id在html中是唯一 的
在标签中设置id属性
<标签名 id="id值"></标签名>
在head标签中
<style>
#id值{
样式名1:样式值1;
样式名2:样式值2;
}
</style>
2. class选择器
在标签中设置class属性
<标签名class="class值"></标签名>
在head标签中
<style>
.class值{
样式名1:样式值1;
样式名2:样式值2;
}
</style>
3.元素(标签)选择器
在head标签中
<style>
元素(标签)名{
样式名1:样式值1;
样式名2:样式值2;
}
</style>
优先级: id选择器>class选择器>元素选择器
关系选择器
1.并列关系
<style>
选择器1,选择器2{
样式名1:样式值1;
样式名2:样式值2;
}
</style>
2.父子关系
<style>
选择器1选择器2{
样式名1:样式值1;
样式名2:样式值2;
}
</style>
3.兄弟关系
<style>
选择器1 +选择器2{
样式名1:样式值1;
样式名2:样式值2;
}
</style>
3、外部引入:
先新建一个.css css文件将style标签中所有的代码放到css文件中
在head标签中
<link rel="stylesheet" href= "xxx. css">
引入方式优先级:内联>内嵌>外部引入