前端：HTML、CSS

导航栏nav跟ul、li、a一起使用，可以不给宽度

浮动：一浮全浮

块级元素：独占一行，不和其他元素并排；可以设置宽高和上下外边距；不设置宽度时默认宽度 100%；可以容纳其他块元素和内联元素；常见的块级元素：div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre，HTML5新增的header、section、aside、footer等

行内元素：不霸占位置，可以和其他行内元素或文字内容并排，不支持设置宽高，默认宽高为0，内容撑开宽高；只能容纳文本和其他内联元素；不能设置上下外边距；常见的行内元素：span、img、a、lable、input、em（强调）、i（斜体）、textarea、select、strong、u（下划线）、button

display：block行内元素转化为块级元素

hover动态伪类选择器：用于选择鼠标指针浮动在上面的元素。

padding会撑大盒子

background：url（img..........）

定位=定位模式+边偏移

相对定位：position：relative 给绝对定位当爹

绝对定位 absolute 子绝父相：子级是绝对定位的话，父级要相对定位

text-overflow：ellipsis搭配white-space：nowrap；强制不换行overflow：hidden；

box-sizing：border-box；

固定定位：fixed 固定在版心右侧

z-index放在最上面

transition:变化的属性 花费时间 运动曲线 何时开始（all）

伪类选择器 属性选择器 类选择器 id选择器 标签选择器

text-indent 文本首行缩进 font-weight:字体粗细 outline:去掉边框 input和button一起用时浮动或定位

伪类元素::before和after必须使用content font-family:字体种类 margin:0 auto;盒子水平垂直居