竖向排列并且实现宽度自适应
分栏布局–竖向排列(每一栏都是等分的)
flex布局–竖向排列(宽度不会自适应)
浮动–要做好多个单独的布局
grid布局–是可以很好地做到
grid-auto-flow:column;实现竖向的排列,元素一列列的向下排列,不够了去另一列
给父容器加绝对定位,然后给子元素加宽高
HTML5标签含义大全(元素周期表)
W3school
块和内联的区别???
标签规范:
p标签:不能嵌套块标签
table–tr td th
ul–li
dl–dt dd
块能嵌套内联,内联不能嵌套块
form啥时候写?要跟后端进行交互
有时候也可以不用谢form就可以跟后端进行交互(AJAX)
??background-origin
背景图起始点的位置,默认起始padding区域。padding-box,border-box,content-box
不能跟background-position搞混了
background-size:cover,contain和具体的数值
box-sizing
两种盒子模型
1.正常盒子模型 content=width content-box
2.怪异盒子模型 border及以内的=width border-box
边框的样式:border-style:solid dashed dotted
针对某一条边设置样式:border-left-style
超大图居中:
1.用背景:background:center 0;
2.用图片:position:relative; left:50%; margin-left:-图片的一半