我有满天星辰的博客

ssm框架处理静态资源文件，实现jQuery+Bootstrap表格数据增删改查

Sticky footer布局是什么？我们所见到的大部分网站页面，都会把一个页面分为头部区块、内容区块和页脚区块，当头部区块和内容区块内容较少时，页脚能固定在屏幕的底部，而非随着文档流排布。当页面内容较多时，页脚能随着文档流自动撑开，显示在页面的最底部，这就是Sticky footer布局。

(2)设置 grid 属性, grid-template-columns: auto 1fr auto;两列布局：一列定宽(也有可能由子元素决定宽度)，一列自适应的布局。(2)通过外边距的方式使该容器的左边有左边列容器的宽度的外边距。(2)通过外边距的方式使该容器的左边有左边列容器的宽度的外边距。(1)左右两列脱离文档流，并通过偏移的方式到达自己的区域。(3)使中间自适应的宽度为父级容器减去两个定宽的列。(2)使中间自适应的宽度为父级容器减去两个定宽的列。(2)设置 flex 属性,flex : 1。

创建一个父盒子，和子盒子

采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局。伸缩布局 = 弹性布局 = 伸缩盒布局 = 弹性盒布局 =flex布局。

原先盒子没有影子,当我们鼠标经过盒子就添加阴影效果

box:盒子，每个元素在页面中都会生产成一个矩形区域（盒子）

传统的网页布局的三种方式：浮动和定位布局