HTML常用标签 选择器

标题标签<h1>~<h6> 1最大，6最小
段落 
<p></p>
换行 <br/>
水平线 <hr/>
粗体<strong></strong>
斜体<em></em>
插入图像<img src="相对路径\绝对路径" alt="" width="" height="">  //（../）返回上级路径
超链接
几个页面之间的跳转<a href="跳转后页面的路径（相对/绝对路径）" target="_self（当前窗口）|_blank(新窗口)">热点文本/图像</a>
锚链接
跳转到同一个页面的固定位置
<a href="#me">点这里</a>
<a name="me">跳转到这里来</a>
跳转到不同页面的固定位置
1.html
<a href="路径#me">点击我</a>
2.html
<a name="me">跳转到我这里来</a>
功能连接
<a href="mailto:邮箱地址">给站长写信</a>
特殊字符与注释
<!--注释内容--> 规范意识 *****
<video controls(控制播放)autoplay(自动播放)loop(循环播放)><video>
<video src="路径" controls="controls" type="video/mp4"></video>
<audio src="路径" controls="controls" type="audio/mp3"></audio>
标签选择器
应用于所有符合该标签的内容
p{}

类选择器
需要应用在标签后面  可重复使用
<div class="p">
.p{}

ID选择器
应用在标签后面 每个ID选择器只能应用一次
#p{}

选择器优先级  ID > 类 > 标签

复合选择器

空格  后代选择器

逗号 并集选择器   多个选择器同样的样式

不加任何符号  直接复合 交集选择器  取条件同时满足的元素设置效果

css外部样式表

<link href="路径/文件名" type="text/css" rel="stylesheet">

行内样式表
<div style="color:blue;">测试内容</div>

行内样式表>内部样式表>外部样式表

链接式与导入式的区别：
链接式：先加载样式再加载文本  用户体验度高
导入式相反
导入式（不推荐使用）
@import url("路径");