爱站程序员基地审查元素
检查我们页面的代码和样式：
f12或者有键检查元素
鼠标滑过元素的时候界面会显示对应的高亮，右面的style显示的是你选中元素的样式
element.style代表元素的内联样式
点击左上角箭头，可以在界面上滑动，显示出对应的代码结构
常见的内联元素
span ：用来写文字的
文本水平居中:text-align:center 给块加，让块里面的文字相对于块本身做水平对齐
文本垂直居中:line-height:块的高度 给块加，让块里面的文字行高等于外部块的就可以了
文字颜色：color：色值 给块加
a：用来写文字的，超链接 href跟绝对路径或者相对路径
img：图片标签 < img src=“图片路径”/> 自带宽高属性
只设置宽或者只设置高，另一个都会等比缩放
text-align 同样适用
网页中引入图片的两种方法：、
1.img width100%会拉伸
2.div背景图 background:url(图片路径) 一定要有高
width:100% 宽度设置为跟父级一样，图片铺满为止
什么时候选择用img，什么时候选择用背景图？
以下两种情况选择背景图的方式，其余选择img的方式
1.做全屏banner图的时候，图片如果可能比1366还大，那么用背景图
2.图片里有内容需要继续编辑的时候选择背景图
常见的块元素
div
ul 列表标签
li
p段落标签，纯粹用来写文字的，p标签里面不允许嵌套任何其他的块元素
h1-h6 标题标签，纯粹用来写文字的
元素之间的转换：
块元素==》内联元素 display:inline
内联元素==》块元素display:block
任意元素==》内联块display:inline-block
元素隐藏display:none
任何内联元素不允许包含块元素，块元素可以包含块和内联元素
多个class名字：
任意一个元素都可以有多个class名字，多个class名字之间以空格隔开
伪类：
hover:代表鼠标划过的时候的样式
鼠标要划过的元素:hover{鼠标滑过时该元素要发生变化的样式}
如果希望鼠标划过一个元素，改另一个元素的样式
要改变样式的元素必须为你要划过元素的子集
鼠标要划过的元素:hover 要改变样式的元素{鼠标滑过时该元素要发生变化的样式}
文字样式
默认字体：微软雅黑
给元素加文字样式，默认是让这个元素里面(间接也算)的文字遵从这个样式
多层嵌套导致文字样式冲突，默认服从离文字最近的元素的样式
