网站建设—前端CSS块状元素和内联元素详解
在css盒子模型中，我们提到了html元素中的块元素和内联元素。那么它们究竟是什么呢？
块元素一般是其他元素的容器元素，能容纳其他块元素或内联元素。常见的就是P标签及DIV标签。块元素就好比一个四方块，可以放其他的四方块，并可以呈现在页面上任何地方。
我们用div标签举个例子，给div标签设置一个"宽高各200px 背景颜色红色“的样式，得到一个宽高各200px的方块，如下图：
试着再添加一个div标签，加入margin-bottom下边距，区分他们的位置，接下来把宽度去掉，可以看到宽度变宽了，从浏览器的左边到右边，现在有两个红色块逐行显示仿佛表现的很霸道，如下图：
由此得知块元素的特性：
内联元素也叫内嵌元素或行内元素，内联元素只能容纳文本或者其他内联元素，常见内联元素有a和span。
用span标签为例，添加三个span标签，设置”宽高200px 背景颜色红色 margin10px“样式， 发现并没有按200*200去展示 ，margin标签对上下并没有改变，对比块元素由此得知：
内联元素的特性：
1.宽高由内容撑开
2.不支持宽高
3.一行上可以继续显示跟同类的标签
4.不支持margin的上下特性
5.代码换行被解析
建站流程
-
网站需求
-
网站策划方案
-
页面设计风格
-
确认交付使用
-
资料录入优化
-
程序设计开发
-
后续跟踪服务
-
联系电话
010-60259772
热门标签
最新文章
推荐新闻
更多行业-
HTML基础用标签显示Hello World
PHP在网站建设服务器端接受用户请求，然后根据用户请求返回所需结果。P...
2015-12-10 -
信息技术革命的缘起及内涵
中外研究者均同意，发源于美国20世纪40年代末并一直待续到90年代初的...
2014-07-01 -
网页制作技术概述
网页作为网站的组成部分，对网站设计的成功与否起着直接的决定作用，它不仅...
2014-08-06 -
如何淘宝客运营电子商务网站
北京网站建设公司尚品中国：今天主要和大家分享网站制作三大方面，第一方面...
2012-03-16 -
建站学之让你的网站专业且有魅力网站设计是重点
建站学之让你的网站专业且有魅力网站设计是重点网站设计可以说是一个老生常...
2012-01-18 -
去哪儿威胁门升温：公关部致信携程CEO讨说法
腾讯科技讯（胡祥宝）2月3日消息，今天上午，去哪儿网公关部孙志宏致信携...
2012-02-03
关于我们
扫一扫关注尚品最新动态
2008年尚品中国成立于北京，尚品创立至今共为3000多客户成功完成任务，并上线使用。
我们专注高端网站建设，网站制作，品牌网站设计，集群建站、业务系统开发，APP开发，SEO优化等业务，为用户提供一站式解决方案，并且为用户获取更多用户流量，达到用户理想的业绩指标。
-
北京总部010-60259772
地址：中国 · 北京市大兴区西红门兴创国际中心A座501
-
天津分公司022-58793660
地址：中国 · 天津市河西区国际贸易中心C座3614
免责申明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60255689
电子邮件：394588593@qq.com
