在css盒子模子中,我们提到了html元素中的块元素和内联元素。那末它们毕竟是甚么呢?
块元素通俗是其他元素的容器元素,能包容其他块元素或内联元素。罕见的就是P标签及DIV标签。块元素就比如一个四方块,可以放其他的四方块,并可以呈而今页面上任何中心。
我们用div标签举个例子,给div标签设置一个"宽高各200px 配景色采赤色“的名目,失掉一个宽高各200px的方块,以下图:
试着再增加一个div标签,列入margin-bottom下边距,辨别他们的位置,接上去把宽度去掉,可以看到宽度变宽了,从浏览器的左边到左边,而今有两个赤色块逐行表现似乎显露的很蛮横,响应式网站建设公司,以下图:
由此得知块元素的特点:
1.在没有设置宽度的环境下默许撑满一行
2. 默许块元素不在一行
3.撑持统统CSS饬令
内联元素也叫内嵌元素或行内元素,内联元素只能包容文本或其他内联元素,罕见内联元素有a和span。
用span标签为例,增加三个span标签,设置”宽高200px 配景色采赤色 margin10px“名目, 发明并没有按200*200去展示 ,margin标签对高低并没有变化,对比块元素由此得知:
内联元素的特点:
1.宽高由内容撑开
2.不撑持宽高
3.一行上可以持续表现跟同类的标签
4.不撑持margin的高低特点
5.代码换行被剖析
本文章滥觞尚品中国:网站创设
免责声明:本文内容由互联网用户自发贡献自行上传,本网站也不承担相关的法律责任。如果您发现本文章中有涉嫌抄袭的内容,请发送邮件至:sales@sznetsoft.com或者至电给本网站进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权的内容。