- text-indent:24px; 首行缩进2个字符
- text-decoration：none;去除下划线
- text-decoration：underline;加下划线
- text-decoration：line-through;删除线
- text-align:center ;文本居中
- font-family:"楷体"; 修改字体
- meta是编码方式，否则页面会乱码
h1------>h6都是块级标签（块级标签是独占一行的标签）
- 这是一级标题标签
- 这是二级标题标签
- 这是三级标题标签
- 这是四级标题标签
- 这是五级标题标签
- 这是六级标题标签
段落标签
一整段换行标签
段落标签
段落内容：内容
p{ --设置段落样式
font-size: 10px; --字体大小
color: black; --颜色
text-indent: 24px; --首行缩进2个字符
width: 500px; --一行能容纳的文字数量
word-break: break-all; --换行
word-wrap: break-word; --换行
}
跳转到百度
要想在空白页显示要跳转的页面则需要在后面加target="_blank"
即跳转到百度
a标签中可以放置任何可视标签，比如：img、h1、p等。
父级：第一层包裹的标签
子级：包裹的第一层标签
ul的子级只能是li
li的父级只能是ol或者ul
行内标签设置宽高无效，上下外边距无效，左右外边距有效
盒子模型盒子模型指的是标签的占位 有五个参数分别是 margin、padding、width、height、 border
宽和高指的是内容的宽高
清楚样式 标签分类：
repeat-x按x轴展开 repeat-y按y轴展开
无序列表：
实现类似的布局用列表
无序列表 没有明显的标准顺序 结构：
有序列表：
dl定义列表 dt放置标题，一般只有一个dt，dd放置描述性内容
dl的子级只能是dt和dd，dd和dt的父级只能是dl
固定定位、绝对定位、相对定位：固定定位：固定定位实现的效果是不会随着窗口的滚动而滚动，参照物是当前的窗口 可以设置left 、top、bottom、right的值来固定位置（但是上下只能存在一个，左右也只能存在一个）。 不占位，会有相互遮盖的效果，默认后写的结构在上面。可以i通过z-index调整图层顺序。值越大越靠上，默认值是0.
网站布局的时候，首先考虑标准流，再次是浮动，最后是定位。
position:fixed; --滑动窗口的时候不变
span是行内标签，设置宽高无效，但是固定定位后就脱离了标准流（行内标签水平排列，块级标签垂直，不浮动不定位）变成行内块
要想让图形居中就直接设置左右的位置为50% 但是这个时候它会往右边偏移，然后就设置margin-left为负值，根据自己的宽度调整。例如上图的span的宽度为700px我已经设置了left为50%，这个时候我需要再让它往左边移动宽度一半的距离就可以居中了，上下居中类似的做法。
固定定位：
相对定位：
相对定位，相对于自身的移动，参照物是自己原来的位置。一般用来做微调。不会对其余标签造成影响。相对标签会占位，它占的是标签原来的位置
它属于半脱离标准流，不会改变标签的性质，一方面标签的性质没有改变，另外一方面可以微调位置
绝对定位：
绝对定位实现的效果是一个标签再另一个标签上面，一个标签绝对定位后，会向上寻找，找到有定位的标签，然后以该标签作为参照物，一般情况下子级绝对定位，父级相对定位。相对定位对别的标签影响最小，不占位。脱离标准流，变成行内块。
实线透明色 background:rgba(0,0,0,0.3)。 rgb书写红绿蓝，a书写透明度。
文字两端对齐：
b、u、i与span标签一样都是用来引入小元素
鼠标移入修改图案：
表单：
label{
width:80px;
background:lime;
display: inline-block;
text-align: justify;
text-justify:distribute-all-lines;
text-align-last: justify;
}
input{
border:1px solid red;
width: 200px;
height: 30px;
font-size: 12px;
color:red;
outline: none;
padding-left:20px
}
::-ms-input-placeholder{
color: blue;
}
::-webkit-input-placeholder{
color:blue;
}
::placeholder{
color:red
}
p{
margin-top: 20px;
}
button{
background:#f60;
border:none;
width:100px;
height: 30px;
color:#fff;
}
textarea{
width:300px;
height: 300px;
border:1px solid red;
resize:none;
}
文字和图片同时存在的时候，给img加样式 让图片和文字对齐：
