第一章HTML的常用标签
html超文本标记语言，是一门标记语言
1.HTML标记标签通常被称为HTML标签(HTML tag)
2.HTML标签是尖括号（标记）包围的关键字，比如<html>
3.HTML标签通常是成对出现的,比如<p>和</p>
4.标签对中的第一个标签是开始标签，第二个是结束标签
5.开始和结束标签也被称为开放标签和闭合标签
常用标签
标题标签 H1~H6
h1标签的权重值比较高，在页面中只能出现一次，出现多个h1标签搜索引擎会认为你在作弊，会降低权重，就不会收录你的界面。
p 段落标签
br 换行标签
span 赋予样式
b 加粗
strong 加粗和强调
i 斜体
em 斜体并且有强调的作用
del 删除线
sup 上标
sub 下标
a标签 超链接
href 用于指定超链接的目标页面地址
target=“” 规定值在何处打开
_blank 在新的窗口打开
_self 默认 在相同的窗口打开连接
设置所有的a标签都在新的页面打开
<head>
<base target="_blank"/>
</head>
下载图片或文档
<a href="url" download="name"></a>
发送邮件
<a herf="邮箱地址"></a>
使用a标签设置锚点
1.将要跳转的地方设置id="a1" 点击的地方href="#a1"
2.将要跳转的地方设置naem="a2" 点击的地方 href="a2"
图片标签
src路径 （统一资源管理）
绝对路径 从最上级文件目录一直到当前文件
相对路径 相对于源文件的位置关系，只要文件和文件夹位置不变，图片就能找到
alt 描述
对于seo的影响：可被搜索引擎抓取
height 高度 width 宽度
默认值为图片本身的宽高，若要改变则用样式改变
第二章：列表标签和div盒子模型
层叠样式表
样式由选择器和声明组成
css样式规范
1.选择器和一条或多条声明组成
2.所有声明都需要使用大括号包裹
3.每条声明由属性和值组成的属性是固定的 值是可变的并且可以有多个值 每条声明用分号隔开
4.属性和值用冒号隔开
5.写样式的时候，一定要换行写，这样可视性好也易于修改更直观
列表标签
无序列表 ul li
有序列表 ol li
行内样式 type：disc=实心圆 circle空心圆 square方块符号
注意：ul和li必须成对出现！他们拥有父子级关系
list-style：none；取消圆
描述列表：自定义列表
代表一个描述列表
包含术语组（使用<dt>元素指定）和描述（有<dd>元素提供)的列表
盒子模型
div标签通常被称为盒子（严格来说所有标签都是盒子，只是div比较典型），在网页中
div被大量使用
一个通用型的流内容容器！
可以在里面放置任何元素，主要用来布局网页或者给元素分组！
边框
是一个用于设置各种单独的边界属性。
我们border边框里面有三个值，写边框这三个值必须写
border：1px solid red
值分别对应：大小 风格 颜色
单独定义某一条边框时
border-left：1px solid red
设置边框大小：
thin 细的 medium 默认 thick 粗的
设置边框颜色
对应的颜色单词或者rgb值
设置边框风格
1.无边框 none
2.实线 solid
3.虚线 dashed
4.点状线 dotted
5.双线 double
6.3d凹槽 froove
7.3d垄装 ridge
8.3dinset边框 inset
9.3d outset边框 outset
外边距
定义：
移动div盒子的位置 使用margin
margin属性给定元素设置所有四个方向的外边距属性。四个外边距属性设置分别为：
margin-top；margin-right；margin-bottom；margin-left；外边距允许负数
例：
div{
//距离顶部50px 也可使用百分比 百分比根据父类的宽高决定
margin-top:50px;
}
复合式写法
div{
margin:50px; /*上下左右*/
margin:50px 50px； /*上下 左右*/
margin:50px 50px 50px; /*上 左右 下*/
margin:50px 50px 50px 50px; /*上 右 下 左*/
margin:auto; /*auto代表居中 只能左右居中 不能上下居中*/
}
内边距
padding属性设置一个元素的内边距，padding区域指一个元素的内容和其边界之间的空间，该属性不能为负值。
单样式写法为 padding-top;padding-right;padding-bottom;padding-left;
复合写法：
指定一个值代表上下左右
指定两个值 上下 左右
指定三个值 上 左右 下
指定四个值 上 右 下 左
特性：
元素框的最内部分是实际的内容，直接包围内容的是内边距。
在css中width和height指的是内容区域的宽度和高度。增加内边距、边框、和外边距不会影响内容区域的尺寸，但会增加元素框的总尺寸
盒子占位大小
盒子实际大小+margin如果是块级那么后面都是盒子的占位大小
网友评论