标签：定位 盒子 填充 样式 元素 边框 第七章 position H5

第七章

1.margin:边界 ，盒子与盒子的距离
padding:填充 ，内容与边框的距离
border:边框
2.一个盒子实际的大小：内容+填充+边框
所占空间的大小：内容+填充+边框+边界
3.盒子之间的关系
垂直盒子：取两者中较大的值
水平盒子：取两个盒子的和
重叠盒子：margin可以往相反的方向移动
4.元素分为块状元素和行内元素
区别：排列方式不同，内嵌元素不同，属性设置不同
（1）块状标签：
标题H1~H6
段落：< p >
列表:< ul >< ol >< li >< dl >< dt >< dd >
表格:< table >
层：< div >
表单：< form >
（2）行内标签：
图像：< img >
范围：< span >
换行：< br/ >
超链接: < a >
5.float参数：6.清楚塌陷的方法：（1）对父级设置适合的高度（2）clear：both（3）对父级定义：overflow:hidden
7.盒子定位
静态定位：position=“static”
相对定位：position=“relative”(往盒子内走为正，往盒子外走为负，相对本身定位)
固定定位：position=“fixed”
绝对定位：position=“absolute”
设置元素的堆叠顺序：z-index

标签：定位,盒子,填充,样式,元素,边框,第七章,position,H5
来源： https://blog.csdn.net/tanglian1234/article/details/122269433

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。