分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

html布局(盒子)

发布时间:2023-09-06 02:05责任编辑:苏小强关键词:暂无标签

在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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved