地址:北 京:松江区泖港镇中南路32号 上 海:松江区泖港镇中南路32号 海 口:松江区泖港镇中南路32号 天 津:松江区泖港镇中南路32号 石家庄:松江区泖港镇中南路32号
地址:中国 · 上海市松江区泖港镇中南路32号(地铁4号线西红门站)
在css盒子模型中,我们提到了html元素中的块元素和内联元素。那么它们究竟是什么呢?
块元素一般是其他元素的容器元素,能容纳其他块元素或内联元素。常见的就是P标签及DIV标签。块元素就好比一个四方块,可以放其他的四方块,并可以呈现在页面上任何地方。
我们用div标签举个例子,给div标签设置一个"宽高各200px 背景颜色红色“的样式,得到一个宽高各200px的方块,如下图:
试着再添加一个div标签,加入margin-bottom下边距,区分他们的位置,接下来把宽度去掉,可以看到宽度变宽了,从浏览器的左边到右边,现在有两个红色块逐行显示仿佛表现的很霸道,如下图:
由此得知块元素的特性:
内联元素也叫内嵌元素或行内元素,内联元素只能容纳文本或者其他内联元素,常见内联元素有a和span。
用span标签为例,添加三个span标签,设置”宽高200px 背景颜色红色 margin10px“样式, 发现并没有按200*200去展示 ,margin标签对上下并没有改变,对比块元素由此得知:
内联元素的特性:
1.宽高由内容撑开
2.不支持宽高
3.一行上可以继续显示跟同类的标签
4.不支持margin的上下特性
5.代码换行被解析
互联网络从开始普及现在也只有十多年的时间,在这种新的信息传播技术层面,...
2014-07-23网站已经成为企业宣传、品牌建设和产品推广的重要途径。然而,在进行网站设...
2023-05-26网站建设公司上海市欧博官网督畔信息技术有限公司中国:是否从新窗口打开这个细节好像很少看到有站长们说起...
2012-07-19在网站建设中,一个完整的网站建设过程通常分为不同的阶段,并列出每个阶段...
2022-02-09古人云:“授人以鱼不如授人以渔”,网站设计人们...
2014-07-09不同的目录内页之间不要进行互相链接这样会导致网站的相关性下降,不要把网...
2012-06-14非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:021-71886699
电子邮件:394588593@qq.com
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:021-71886699
电子邮件:394588593@qq.com