1 3 7 - 1 4 4 1 - 9 7 9 7
首页 > 合作加盟 > 合作加盟详细内容

网站扶植—前端CSS块状元素和内联元素详解

来源:营销型建网站公司 | 作者:营销型建网站公司 | 时间:2022-03-21 | 浏览:4583
字体大小:



在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或者至电给本网站进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权的内容。
相关信息
  • QQ好友
  • QQ空间
  • 腾讯微博
  • 新浪微博
  • 人人网
  • 豆瓣网
  • Facebook
  • Twitter
  • linkedin
  • 谷歌Buzz


线

网软通在线


在线客服: 点击这里给我发消息                        

1231.jpg

留言内容