Css基础以及常用标签
一.属性
HTML标签都拥有自己的属性，属性应该出现在元素的开始标签内部，属性名和属性值通过"="分割，属性与属性之间通过空格分割，属性名不区分大小写，属性值区分大小写并且属性值可以使用双引号引起来。
核心属性：绝大多数标签都具有的属性。title、id、class、style。
id 唯一标识一个元素
class 标识一类元素
style 给标签设置样式 内联样式 行内样式
title 标签的提示说明
二.空白与实体
空白：在文档中无论出现多少个空白或者换行，浏览器都解析为一个空白实体：在HTML中，某些字符是预留的。例如：不能使用小于号<和大于号>，这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（char
acter entities)，实体以&符开始，以;结尾。以下是常见的实体
| 显示结果 | 描述 | 实体名称 | 实体编号 |
| 空格 |
|
||
| < | 小于号 | < |
< |
| > | 大于号 | > |
> |
| & | 和号 | & |
& |
| '' | 引号 | " |
" |
| ' | 撇号 | &apos (IE不支持) |
' |
| ￠ |
分（cent） | ¢ |
¢ |
| £ |
镑（pound） | £ |
£ |
| ¥ |
元（yen） | ¥ |
¥ |
| € |
欧元（euro） | &euro |
€ |
| § |
小节 | § |
§ |
| © |
版权（copyright） | © |
© |
| ® |
注册商标 | ® |
® |
| ™ |
商标 | &trade |
™ |
| × |
乘号 | × |
× |
| ÷ |
除号 | ÷ |
÷ |
三.常用标签
- h标签
h标签 标题标签
在HTML中，一共有六级标题标签
h1~h6
在显示效果上，h1最大，h6最小，但是文字的大小我们并不关心
6级标题中，h1的最总要，表示一个网页中的主要内容，h2~h6重要性依次降低，对于搜索引擎来说，
h1的重要性仅仅次于title，搜索引擎检索完title会立即查看h1中的内容
h1标签非常重要，它会影响到页面在搜索引擎中的排名，一个页面最好只写一个h1标签
一般的页面中，我们只使用h1 h2 h3，其他的基本不用
这是一个h1标签
- p标签
段落标签，段落标签用于表示内容中的一个自然段
使用p标签来表示一个段落
p标签中的文字，会独占一行，并且段与段之间会有一个间距
- br标签
br标签 表示换行标签 br标签是一个自结束标签 br标签的语义是不另起一个段落换行, 而在企业开发中一般情况下需要换行都是因为需要另起一个段落, 所以在企业开发中很少使用br标签
-hr标签
hr标签 可以在页面中生成一个分割线
- img标签
img标签 告诉浏览器要显示一张图片
src:设置一个图片的路径（绝对路径和相对路径，最好使用相对路径）
alt:可以用来设置在图片不能显示的时，对图片的描述
img标签的其他属性
width:设置图片的宽度
height:设置图片的高度
title：用于告诉浏览器，鼠标悬停的时候，需要弹出的描述框中显示什么内容。
- a标签
a标签的作用 用于控制页面与页面之间跳转的
a标签中还有一个叫做target的属性，这个属性专门用于控制如何跳转
self:用于当前的选项卡中进行跳转，也就是不新建页面跳转，默认就是_self
_blank:用于在新的选项卡中进行跳转，也就是新建页面跳转
a标签也有一个title属性，效果和img标签的title类似
注意点:
1.a标签不仅可以让文字点击，也可以让图片被点击
2.一个a标签必须有一个href属性，否则a标签不知道要跳转到什么地方
3.如果通过a标签href属性指定一个URL地址，那么必须在地址前面加上http://或者https://
除了URL地址，还可以指定一个本地地址
- em
意为强调，突出文章重点
- strong
意为强调，内容更为有用
- b
加粗
- i
斜体
- u
下划线
- div
div是一个无语义的标签，就是一个纯粹的块元素，并且不会为它里边的元素设置任何的默认样式，div元素主要用来进行页面基本结构的搭建
- span
span没有任何的语义，span标签专门用来选中文字，然后为文字来设置样式
- video(H5新增)
作用：播放视频
webm 网页中专用的视频格式
video标签的属性
src:告诉video标签需要播放的视频地址
autoplay:用于告诉video标签是否需要自动播放视频
controls:用于告诉video标签是否需要控制条
poster:用于告诉video标签视频没有播放之前显示的占位图片
loop:一般用于做广告视频，用于告诉video标签视频播放完毕之后是否需要循环播放
muted:静音
width/height: 和img标签中的一模一样
- audio(H5新增)
作用: 播放音频
注意点:
audio标签的使用和video标签的使用基本一样, video中能够使用的属性在audio标签中大部分都能够使用, 并且功能都一样
只不过有3个属性不能用, height/width/poster