- 博客(4)
- 收藏
- 关注
原创 js 九九乘法表
for(let i = 1;i < 10;i++){ let str = ''; for (let z = 1; z <= i; z++) { str += `${z}*${i}=${i*z} `//加空格隔开距离 } console.log(str); }`
2021-05-10 23:01:48
40
原创 css定位体系(2)
文章目录一、常规流脱离文档流就是不占元素位置盒模型中的auto值盒子位置二、浮动浮动盒子位置2.绝对定位 一、常规流 又叫普通流、文档流、普通文档流 脱离文档流就是不占元素位置 盒模型中的auto值 水平方向 常规流盒子水平方向上的尺寸,必须等于包含块的宽度 如果不行,则强行将margin-right设置为auto 垂直方向 margin为auto:0px height为auto:适应内容的高度 盒子位置 盒子在包含块的垂直方向上依次摆放 依次摆放:按照HTML元素的书写顺序从上到下摆放
2021-04-04 10:46:30
1199
原创 css定位体系(1)
文章目录一、视觉格式化模型包含块(containing block)三种定位体系二、定位体系判断绝对定位浮动 在了解定位体系之前首先先了解关于一下 一、视觉格式化模型 视觉格式化模型(visual formatting model) CSS的一种机制,它规定了页面中的多个盒子如何布局 视觉格式化模型要求,所有的元素必须放置在它的包含块中,元素在包含块中的尺寸和位置,主要受到两个因素的影响: 元素的盒模型 元素的定位体系 包含块(containing block) 每个元素都有一个包含块注,它是指元素在
2021-03-28 18:10:21
81
原创 盒模型
盒模型的浅显理解 一、盒子的分类 盒子的分类 不同的元素产生的盒子类型可能不同 一个元素,产生什么样的盒子,取决于它CSS dispaly属性 属性:dispaly 是否能继承:否 默认值:inline dispaly : none (空盒) dispaly : inline (行盒) dispaly : bolock (块盒) dispaly : 其他取值 二、盒子的组成 margin 外边距 控制与其他盒子之间的距离 boeder 边框 padding 内边距 边框与内容之间的距
2021-03-19 23:10:21
179
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人