标签、css、

css的引入方式：

1. 内联样式

<!-- 内联样式 -->

<div style="width:200px;height: 200px;background:red;">1</div>

优点：优先级最高

缺点：太麻烦了，不容修改

2. 内部引入样式

<style>

/* 内部引入样式 */

div{

width:200px;

height:50px;

background: yellow;

}

</style>

优点：加载快，不需要服务器请求

缺点：不易重用，不好维护

3. 外部引入样式

<link rel="stylesheet"href="div.css">

目前主流的写法，需要服务器请求

优先级：

内联样式 > 内部引入样式

内部引入样式 与 外部引入样式 优先级相同，有顺序之分

默认内部引入样式，比外部优先级要高

<span></span>

<div></div>

标签分为两类：

1. div  块属性标签

块属性可以设置宽高

块属性标签独占一行

默认宽度100%

2. span 行属性标签

不能设置宽高

内容撑开宽高

一行显示

标签之间的嵌套问题：

1. a标签不能嵌套a标签

2. 行标签 不能嵌套 块标签

3. 块标签 可以随意嵌套 除了p，h，dt可以嵌套行，但不能嵌套块

代码规范：

1. 所有的书写都必须是英文小写

2. 所有的双标签都必须闭合

3. html标签用tab去缩进

4. 属性值必须用双引号

5. ul,li ol,li dl,dt,dd有父子关系的标签，配套使用

快捷键：

commond + s 保存

commond + c 赋值

commond + v 粘贴

commond + z 撤销

commond + a 全选

commond + + 字体放大

commond + - 字体缩小

commond + / 注释

commond + r 网页刷新

commond + tab 窗口切换

commond + n 新建窗口

普通标签：

<!-- 标题 块标签 -->

<h1>标题</h1>

<h2>标题</h2>

<h3>标题</h3>

<h4>标题</h4>

<h5>标题</h5>

<h6>标题</h6>

<!-- 段落 块标签 -->

<p></p>

<!-- 换行 -->

<br>

<!-- 分割线 -->

<hr>

<!-- ul 无序列表 -->

<ul>

<li></li>

<ul>

<!-- 有序列表 块标签 -->

<ol>

<li></li>

<ol>

初级阶段的三个重要标签

a标签

img标签

input标签