在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或者至电给本网站进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权的内容。