首页 > Web开发 > 详细

html布局(盒子)

时间:2018-07-20 21:34:04      阅读:139      评论:0      收藏:0      [点我收藏+]

在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布局(盒子)

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!