html布局（盒子）

标签：top   res   none   lock   post   lsp   cells   hold   for   

在body里面放置两个盒子，里面盒子设置margin-top，外层盒子生效？
在里面盒子上面加一个块元素，设置高度

表单

               form action="地址" method="get/post"

input type:text password
                                        button checkbox radio reset submit file

textarea 文本域

上传的键name规定，必须写
上传的值value规定，可写可不写
placeholder，提示信息

元素

内敛元素：input、select、option、textarea、td
块元素：form、table、tr

<br /> 换行
<hr /> 水平线

table：rowspan

                        colspan
                        cellpadding
                        cellspacing
                        border-colpase:colpase

定位

                        position:absolute;绝对定位 相对父元素来定位(页面定位)，给父元素加相对 定位position:relative; 不占位
                        position:relative;相对定位，相对于原来位置定位 占位
                        position:fixed;固定定位，相对于浏览器窗口定位 不占位
                        z-index 调整定位顺序

内敛元素可以设置宽高？

                        display:block/inline-block;
                        浮动
                        定位

盒子居中？

父元素：相对定位
               position:relative;
子元素：绝对定位
              position:absolute;
              top:50%;
              left:50%;
              margin-left:-自身宽度一半;
              margin-top:-自身高度一半;
              border-radius /*圆角 单位：百分比 px*/
              background:rgba([0-255],[0-255],[0-255],[0-1]) 背景透明

隐藏

display:none; 隐藏 不占位 block 自身
visibility: hidden; 隐藏 占位 visible 自身
overflow:hidden;溢出隐藏 ---父元

overflow:scroll/hidden

visibility:hidden/visible

水平布局

水平三块布局
                     左中右 ---左左左
                     左中右---左左右

水平两块布局
                     左右 ---左左
                     左右---左右

html布局（盒子）

标签：top   res   none   lock   post   lsp   cells   hold   for   

原文地址：https://www.cnblogs.com/qiaoxiaotuo/p/9343638.html