html布局(盒子)

在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

水平布局

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

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

猜你喜欢

转载自www.cnblogs.com/qiaoxiaotuo/p/9343638.html