HTML和CSS知识补充（一）

一、字符编码

编码：将字符转化为二进制的过程

解码：将二进制码转化为字符的过程

字符集：编码和解码所采用的规则（如果编码和解码所采用的字符集不同就会出现乱码问题）

二、HTML中的常用字符实体

空格		&nbsq
小于	<	&lt
大于	>	&gt
和号	&	&amp
撇号	'	&apos
引号	"	&quot
乘号	x	&times

三、列表

列表	标签	列表项
有序列表	<ul>	<li>
无序列表	<ol>	<li>
定义列表	<dl>	<li>

四、超链接

1.引入链接

• 引入外部网站链接<a href=" (链接)  ">（名称）</a>
• 引入文件（内部网站）<a href = "（注意相对路径）">（名称）</a>
  • 相对路径
    • ./当前文件所在文件夹（当前目录）
    • ../（上一级目录）
    • /根目录（需要自己写，且要和根目录一样）
  • 绝对路径

2.target属性，用来指定超链接打开的位置

_blank      在新的新页标签中打开

_self        默认值   在当前页面打开超链接

3.特殊的超链接（在网页内跳转）

<a href = "#bottom">去底部</a>

<a id="bottom" herf="#">回到顶部</a>

注意：要有#，且#后面可跟指定id，便可跳转到指定位置 

五、音频标签

<audio>音乐，<vidio>视频

属性：controls 是否允许用户控制播放

            autoplay 音频文件是否自动播放

            loop音乐是否循环播放

<audio controls>
    <source src = "（音频路径）">
</audio>

六、伪类

（一）伪类选择器

1.伪类

（1）伪类用来描述一个元素的特殊状态

         比如：第一个子元素、被点击的元素、鼠标移入的元素

（2)伪类一般情况下都是使用在开头

        :first-child 第一个子元素

        :last-child 最后一个子元素

        :nth-child（） 选中的n个子元素

                特殊值：n 第n个

                               2n / even 表示选择偶数位的元素

                                2n+1 / odd 表示选择奇数位的元素

        另外还有   :first-of-type  /  :last-of-type     ||     :nth-of-type()用法与上面类似，不同点在于这些是在同类型元素中进行排序

ul > li:first-child{
}

2.链接的伪类

：link 用来表示没访问过的链接

：visited 用来表示访问过的链接(只能修改链接颜色）

：hover 用来表示鼠标移入的状态

：active 用来表示鼠标点击

a:link{
color:red
}

3.伪元素

        表示页面一些特殊的并不真实存在的元素（特殊位置）

• ::first-letter 第一个字母
• ::first-line 第一行
• ::selection 选中的内容
• ::before 元素的开始
• ::after 元素的最后