摘要：
|-弹性盒子|--定义弹性盒子 display：flex|--定义子元素的排列方式 flex-direction|--定义子元素的换行方式 flex-wrap|--定义子元素的对齐方式| 横向对齐 justify-content| 纵向对齐 align-intems |-媒体查询|--@media 阅读全文
摘要：
|-变化 transform|--2D| rotate(deg) 平面内旋转 deg角度| translate(横向，纵向) 移动| scale（宽，高） 缩放| skew(水平角度，垂直角度) 扭曲|--3D| rotateX(deg) 沿X轴旋转| rotateY(deg) 沿Y轴旋转|-过度 阅读全文
摘要：
css3|-大小、位置、颜色、背景、边框......|-1、盒子边框|--盒子圆角 border-radius:像素或百分比|--盒子阴影 box-shadow| x轴的偏移量 y轴的偏移量 阴影模糊宽度 阴影的大小 阴影的颜色 阴影的位置（默认在外，inset设置为内）| 偏移量可为负值 |-2、 阅读全文
摘要：
格式与布局|-位置 position|--fixed 相对于浏览器边界的定位 |--absolute 相对于父级元素定位| 定位后原来的位置没有了 |--relative 相对于自己应该出现的位置进行定位| 定位后原来的位置保留 |--left right top bottom|-流式布局|--fl 阅读全文
摘要：
|-边界边框|--外边距 margin |--内边距 padding（padding会加大height和width） |--边框边框 border | margin-left padding-top border-right border-botton| margin/padding:上 右 下 左 阅读全文
摘要：
其他html标签|-框架标签|--1、<frameset></frameset>| html文档中不能有<body></body>| cols 横向排列 rows 纵向排列 300，*| frameborder 框架的边框| src 引入页面的地址 |--2、<iframe></iframe>|-- 阅读全文
摘要：
专题：行内元素与块状元素块状元素|-特点：默认占一整行、可以自动换行、可以设置大小|-常见块状元素：div、li行内元素|-特点：不能设置宽高，内容有多大，我就有多大； 对margin仅设置左右方向有效，上下无效； 对padding设置上下左右都有效，即会撑大空间 不会自动进行换行|-常见的行内元素 阅读全文
摘要：
CSS样式表|-引入的三种方式|--内联样式| 标签内部（空格style）|--内嵌样式| <head></head>标签内部（<style></style>）|--外联样式| <link rel="stylesheet（样式表）" type="text/css" href="css文件路径"/> 阅读全文
摘要：
表单|-<form></form>|--action(行为)：指向跳转页面|--method(方法)：以什么样的形式进行数据的提交| post：隐性提交 get：显性提交 |--traget:打开方式| —_blank:新页面打开 _self：自身页面打开|-文本类|--文本框：type="text 阅读全文
摘要：
|-img标签|--src 引入图片的路径|--width 图片的宽度|--height 图片的高度|--titlt 鼠标移上图片时显示的标题|--alt 图片加载不出来时显示的内容 |-表格标签|--table 表格|--border 表格的边框（默认1像素）|--cellspacing 表格之间 阅读全文