摘要：
一. 形变# 1.形变参考点：三轴交界点# transfrom-origin：x轴 y轴坐标# 2.旋转 rotate deg# transfrom：rotate（720deg）；# 3.偏移 translate px# translateX(200px) translateY(200px)# 4. 阅读全文
摘要：
# 表格# table的display: table# table显示规则注意点:当设置的盒子高度大于显示内容需求高度,采用设置高度;反之则由显示内容撑开# border:设置边框宽度# cellspacing: 单元格间的间距# cellpadding: 单元格的内边距==>th，td设置padd 阅读全文
摘要：
流式布局思想# 尽可能不去使用固定属性值# 通过父级来获取相应的属性值# /*view-width view-height*/# width: 80vw;# height: 60vh;# background: orange;# /*流式布局限制条件*/# /*流式布局下宽度最大放大到800px,最 阅读全文
摘要：
# 一.浮动布局的总结# 1.同意结构下,如果采用浮动布局,所有的同级别兄弟标签采用浮动布局# 2.浮动布局的盒子宽度在没有设定时会自适应内容宽度# 二.盒子的显隐# display:none;# 该隐藏方式在页面中不占位,显隐都不会影响其他标签布局,不需要用动画处理时## opactiy:0;# 阅读全文
摘要：
文档流(normal flow)# BFC(Block fromatting context):# 块级格式化上下文,它是一个独立的渲染区域,只有Block-level box参与,它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干.# BFC规则:# 1.内部的Box 阅读全文
摘要：
# display总结:# inline总结:# 1.同行显示, 就相当于纯位文本, 当一行显示不下, 如就是一字显示不下, 那么显示不下的那个字会自动换行;# 和纯文本的区别就是有纯文本的概念, 标签与标签间有一个空格隔断. * /# 2.支持部分CSS样式, 不支持宽高 | 行高不支持(行高会映 阅读全文
摘要：
常用标签的使用: 直接举例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>常用标签的使用</title> <style type="text/css"> .img{ /*根据需求,是指定高还是指定宽,设置一个,另一个会等比缩 阅读全文