代码

FlexBox弹性盒子布局之子元素属性1、order : 定义项目的排列顺序，数值越小排列越靠前，默认为0效果图 .container > .item:first-of-type {order: 3;} 2、flex-grow : 定义项目的放大比例...

FlexBox弹性盒子布局之父元素属性1、dispaly:flex : 将容器转换为弹性盒子。2、flex-wrap : 项目在一行排不下的情况下是否换行nowrap：默认值，不换行。wrap：换行，第一行在主轴开始方向，依次往主轴结束方向布局。wr...

精灵图 css .box1 { width: 500px; height: 400px; border: 1px solid #000; background-image: url("1.png"); ...

浮动元素高度塌陷产生的原因 元素浮动之后从文档流中脱离出来，它原来在文档流中占据的空间就会被释放出来，它后面的元素会自动填充它出让出来的空间大小 浮动元素高度塌陷解决方案 html代码 box1

代码

id选择器：#id类选择器：.class选择器叠加：.class1.class2 (选择同时含有这两个class的元素)元素选择器：eg: div p （选择所有满足条件的后代）父子选择器：div>p (选择满足条件的儿子)兄弟选择器：div+p (...