总结

背景需要加宽高

整体的大元素需要overflow: hidden;会解决第一个margin和最后一个margin不生效问题

必须display:block才能浮动

如果加display:flex   下一级不需要转换为块级元素 直接是块 了。（下一级！！）

display:flex 就相当于给子盒子加float属性了（子元素默认水平排列 要改变：flex-direction:column）行内和块都行

float,position:absolute display:flex  都能转为块元素

text-indent首行缩进

关于浮动：给两个子盒子都要加浮动 一个左浮，一个右浮，或者给两个子盒子都加inline block  浮动前提是两个子盒子的大小加一起要小于父盒子

给一个大盒子加display:flex 再加上justify-content: center和align-items: center;就能居中了

子元素float父元素要清除浮动

有宽度才能 margin：auto

给搜索里面的灰字  加左边空隙 1.用pandding   2用text-indent

大背景：：

 

1.给父容器加text-align:center; 2. 给父容器加display:flex  父：justify-content: center;  align-items: center;都能实现居中

1.这样写的目的是不只是点按钮可以触发，点文字也可以（第二行）

2.双标签可写在里面中间。单标签需要自己加span或者p  span需要自己加br换行，p元素直接是块元素直接换行展示。

3.提交到后台类的 name 是标记  ，value是用户写的值。纯页面展示的，value是按钮上展示的东西。

jsp 用   form    ajax不用form  

各个表单的切换：也可以在href中加#d1，不过那样就会点击闪一下，然后是href.css

水平：margin：0 auto;块和行内块  必须有宽度。text-align:center; 行内和行内块/文字。

水平：text-align:center;    子

水平：justify-content: center;  什么都能

垂直：align-items:center; 

垂直：行高=盒子高度 行内块 行内 文字

关于左边标右边图片布局：把标和图片放在一个盒子里，图片加vertical-align:middle   实现垂直居中。

1.所有的文字给一样的宽度 就能右对齐，

2.能点的a给宽高100%  转化为行内块 这样就能在区域点击了，而不只是文字

checkbox和radio的name要一样，表示单选，value加上yes  no;

1。左边固定值  右边width:calc(100%-107px;)

2。左固定  右边flex：1；

实现子盒子居中

align-items 主要是 center 有时用到 flex-end

父亲加display:flex,不是nav写错了