阿铭学习day01
- VScode快捷生成基础html代码：
输入！后回车即可自动生成
图例：
生成效果：
- 标签学习：
- <head></head>:头部标签
- <title></title>：浏览器网页识别标签:
- <body></body>：网页正文部分，所有网页展示内容放在其中
- <style></style>：css中用于定义文档的样式信息(一般默认写在<head>标签中)
- <h1></h1>-<h6></h6>：标题标签，从大依次到小:
- <img>：图片标签，有3种引入方式（绝对路径/相对路径/在线地址）
- <img src="">：图片引入路径写在""中：
- <img src="" alt="">：当图片无法显示时，将显示alt=""中的内容：
- <img src="" alt="" width="100px">：设定图片大小为100个px(像素)
- <video></video>：视频标签，引入方式同图片标签
- <video src="">:
- <video src="" controls>：如果没有controls，那么显示在页面上将会是一张不会动的图片(上图)，有则如下图:
- <video src="" controls width="100px">：设置视频大小为100px
- <audio></audio>：音频标签，同图片、视频标签
- <a></a>：超链接标签，点击即可跳转其中的链接：
- href：目标跳转地址
- target：当前页面跳转的行为：
- _self：当前页面打开
- _blank：新建页面打开
- <p></p>：段落标签，一般用于展示文字内容:
- <b></b>：加粗：
- <u></u>：下划线
- <i></i>：倾斜
- <s></s>：删除线
- <span></span>：没有语义的布局标签：
- 一行可以显示多个
- 宽度和高度默认有内容撑开
- 不可以设置宽高（width/height）
- <div></div>：没有语义的布局标签：
- 一行只能显示一个（独占一行）
- 宽度默认是父元素的宽度，高度默认由内容撑开
- 可以设置宽高（width、height）
- margin：auto; ：居中
- <br>：换行标签
3.重点难点：
- css选择器(当三种选择器同时出现时，id选择器的优先级最高)：
- 元素选择器：
- 类选择器：
- id选择器：
