css + html

在用了Flex布局会发现，当垂直排列后，会发现所有子项的高度都变成最高的那个的了。 这是因为Flex 布局会默认： 把所有子项变成水平排列。 默认不自动换行。 让子项与其内容等宽，并把所有子项的高度变

清除浮动(清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题) 1.使用after伪元素清除浮动 2.使用before和after双伪元素清除浮动

子元素属性 order属性 2.flex-grow属性 3.flex-shrink属性 4.flex-basis属性 5.flex属性 6.align-self属性

1.使用css中的margin:auto 配合position html代码： css代码： 2.使用margin 负值法/translate移动，配合position css代码： 3.使用flex

什么是meta viewport viewport 是指 web 页面上用户的可见区域。 一般做响应式布局，要考虑屏幕适配问题 width：控制 viewport 的大小，可以指定的一个值，如果 60

什么是 HTML 语义化？ 用合适的标签写合适的事情 譬如：段落用p标签 ，网页头部用header标签 ， 导航栏用nav标签等 HTML 语义化好处？ 清晰的页面结构能让人更加容易看明白内容，增强页

1.'>' css3特有的选择器，A>B 表示选择A元素的所有子B元素。 2.:not() 用来匹配不符合一组选择器的元素。由于它的作用是防止特定的元素被选中 3.last-child first-c

元素内水平垂直居中 order 元素顺序 flex-wrap属性 nowrap不换行 , wrap换行，第一行在上方 , wrap-reverse：换行，第一行在下方。

1. 定义变量 :root { --button-height: 32px; --font-size: 14px; --button-bg: #ffffff; --button-active-bg: