HTML

移动端适配 单位： em 、rem、% 、px viewport:视口，配置视口 content="width=device-width ：width视口宽度=device-width(设备宽度)，不

flex布局 1.以容器(父元素)为单位 2.开启flex时，容器内的元素默认水平排序 3.主轴(x、水平) ，侧轴(y、垂直) 4.不脱离文档流 5.主轴方向长度默认丢失，侧轴长度默认100%

定位 定位:poaition(写在需要定位的元素上)。 相对定位;position:relative;(相对定位元素的定位是相对其正常位置)。 固定定位;position:fixed;(元素的位置相对

元素排列隐藏补充 visibiliey:none;(隐藏，页面上隐藏和不占空间) visibiliey:visible;(默认值，可见) visibiliey:hidden;(隐藏元素，还占空间) 高

盒模型 a行内元素：不会独占一行，没有宽高，有边框，有行高，有背景颜色，没有效果box-sizing。 div块元素：独占一行，有行高，有边框，有行高，有背景颜色，有内边距和外边距。 input行内块

外边距 小贴士：body标签默认8px 内边距 小贴士：父元素和子元素设置内边距，不会出现外边距重叠的问题 padding：内边距 单个用padding: 1个值，上下左右 2个值，上下，左右 3个值

块 宽高 width:宽度默认100% height:默认被内容撑起的高度 min-width ： 最小宽度 max-width : 最大宽度 min-height : 最小高度 max-height

伪元素 ::first-letter (第一个文字）代码片段 ::first-line (第一行文字)代码片段 ::selection (选中文字效果)代码片段 ::before (开始) ,cont

css的位置 1.行内 (不常用) 2.head中写 ；< style> < /style> (容器 样式写到里面) 3.外链式 ;新建一个CCS文件，在html引用（用 < link rel="st

语义化 SEO优化 :收索优化，更快的收索到自己的网站或内容 header ;容器，表示表头 footer ;容器，表底（底部） section ; 容器，有明确主题（鲜明主题）使用 nav ; 容器

1.块元素(独自占一行) div ;p(段落) ;h1~h6(标签) ；ul(有序列表) ol(无序列表) li  dl (自定义菜单)  td (一级)  dd(二级) 自定义菜单案例: <dl>