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

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

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

响应式网站建设公司



在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

留言内容