1 3 7 - 1 4 4 1 - 9 7 9 7
首页 > 品牌伙伴 > 品牌伙伴详细内容

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

来源:响应式网站建设公司 | 作者:响应式网站建设公司 | 时间:2022-03-27 | 浏览:1255
字体大小:



在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

留言内容