实训中学到的HTML基础知识(3)
发布日期:2021-06-29 02:31:31
浏览次数:2
分类:技术文章
本文共 559 字,大约阅读时间需要 1 分钟。
今天是实训的第四天,正式上课的第三天,今天学习的是HTML中的盒子模型和CSS中的position定位,因为盒子模型在上一篇文章介绍过了,今天就稍微补充一下,重点是position。
一、盒子模型(margin、padding和border)
这是上一篇文章中的盒子模型,关于盒子模型我的理解是:border是一个边框,padding(内边距)是这个边框到相片的留白,而margin则是在整个相片内容到整个相框的相对位置。这是我的理解。
二、position定位
position的四个值:static、relative、absolute、fixed,static是默认值,relative是相对定位,而absolute和fixed统称为绝对定位。
1、relative:相对于原来位置的移动,元素设置此属性后仍然处在文档流中,不影响其他元素的布局。
这是正常的文档流
而改变为相对定位的CSS则是
相对定位仅改变自身位置,相对于原来的位置进行移动,不改变其他的属性。
2、absolute:元素会脱离文档流,如果设置了偏移量,会影响其他元素的位置定位。
绝对定位正常的文档流
而改变了绝对定位的CSS
在设置了absolute属性后,当前改变的元素的位置会被后面的元素填充上位置。
fixed和static暂且不提。
转载地址:https://blog.csdn.net/yyyyyang525/article/details/117533750 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过,博主的博客真漂亮。。
[***.116.15.85]2024年04月27日 09时20分37秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
解决切换分支时,maven不自动下载依赖的问题
2019-04-29
java正则
2019-04-29
ios app开发环境配置方法总结
2019-04-29
app界面设计规范及缺陷
2019-04-29
TV App的设计借鉴游戏界面设计技巧
2019-04-29
短视频APP开发对影视行业有哪些影响?
2019-04-29
如何解决APP应用反应速度缓慢问题?
2019-04-29
APP开发失败的原因有哪些?
2019-04-29
解决软件开发中常见的问题
2019-04-29
在2021年, Python是否会全面超越 Java?
2019-04-29
程序员编程入门一定知道!程序员需要学什么?
2019-04-29
运动APP软件开发具有什么好处?
2019-04-29
APP开发应该注意什么?如何切换模拟数据和真实数据?
2019-04-29
APP测试流程分析
2019-04-29
浅谈APP应用开发中的五个核心原则
2019-04-29
app公司制作app的方法和步骤
2019-04-29
如何选择定制app的公司?
2019-04-29
开发一个app应用的流程有哪些
2019-04-29
在线点餐APP开发前景如何?
2019-04-29
开发服务生活app手机前景如何
2019-04-29