学习网址：https://zxuqian.cn/css-flex-box-layout/google_vignette 使用flex-box，水平垂直各种花式对齐，空间分配由你做主。 什么是flex布局 flex布局是一维布局方式，按行或按列。 能解决元素对齐、宽度、响应式。（响应式就是应对不同浏览器宽度和移动网页来说会进行更改相对应的样式） 启动flex布局（开启flex布局） 开启flex布局只需要在外层容器设置css代码display:flex;外层容器的直接子元素就会默认按行进行排列。 下面对三个div进行flex布局,下面第一图是使用了flex布局的div。第二图没有 <d...

CSS样式部分 代码详细解释 <style> /outline去除input外轮廓,box-sizing:border-box计算元素宽高时不带内边距与边框宽高./ { margin:0; padding:0; outline:none; /用于移除元素的轮廓线/ box-sizing:border-box;/计算元素宽高时不带内边距与边框宽高/ /outline:none;用于移除元素的轮廓线。 当元素被选中或鼠标悬停在其上时，浏览器通常会显示一个轮廓线来表示该元素的位置和大小。 通过将outline属性设置为none，可以隐藏这个轮廓线。/ /box-sizing:bor...