盒子模型
星辉闪烁奇迹
一只懵懂的青铜三⭐
展开
-
HTML、CSS、盒子模型
《盒子模型》 一、盒子模型的概念 1.border:边框 2.margin:外边距 3.padding:内边距 4.padding-border-margin模型是一个通用的描述矩形对象布局形式的方法 5.这些矩形对象称为盒子,英文就是box,所以这种布局模型就叫盒子模型 6.网页中的布局也可以使用盒子模型来完成 7.一个独立的盒子模型由四部分组成: a、content 内容(位于最中间,网页的主...原创 2019-03-29 16:38:23 · 262 阅读 · 0 评论 -
HTML、CSS、浮动
《浮动》 1.需求,网站布局如何实现? a、往回走那通常由上中下三个大的区域组成 b、中间的主体部分内容复杂繁多,通常又会分成左右,或者左中右 c、那如何上主体分成左中右?(表格?div?) 2.表格布局是以前的老的套路,现在不推荐使用 a、代码繁琐 b、可读性差 c、解析效率不如div d、不够灵活 3.div+css布局是现在的流行 a、用div来分块,再通过css来控制外观和位置 b、div...原创 2019-03-29 16:40:37 · 131 阅读 · 0 评论 -
定位网页元素
《定位网页元素》 一、网页的定位机制 1.网页中的三种定位机制 a、标准文档流 b、浮动float c、绝对定位 2.仅用浮动和盒子模型,无法实现特定情况下的复杂定位 a、图片右上角的关闭按钮效果 b、固定在右下角的回顶部 c、鼠标移上去的下拉效果 3.position属性实现元素的定位(position:定位,位置) a、static 默认值,没有定位,即按照标准文档流排布 b、relative...原创 2019-03-29 16:43:35 · 439 阅读 · 0 评论