在CSS盒模型中，HTML元素可以被分为几个不同的类型。这这些类型中，有两个最常见的类型：块级(block-level)元素和内联(Inline)元素。
作为一名后端程序员，经常会接触到这些概念。以前也仅仅知道，块级元素和内联元素的简单区别。现在的工作中已经离不开前端了，所以想深入了解下块级元素和内联元素的区别，为之后的前端学习多打一点基础。
块级元素
块级元素具有以下特点:
- 如果未设置宽度，宽度会自动时应到它父级元素的宽度。
- 如果未设置高度，高度默认为其子元素的高度(前提是子元素没有设置浮动和position定位)。
- 可以设置margin/padding。
- 默认的，块级元素独占一行。
- 会忽略vertical-align属性。
因此，如果我们想让块级元素自动适应父元素的宽度，就不要给块级元素设置宽度或者设置一个 100%的宽度，这样反而不好维护。
HTML中常见的块级元素:
,
相关文章推荐
• 为什么是这样的？_html/css_WEB-ITnose• 引入外部CSS的两种方式及区别_html/css_WEB-ITnose• 如何考评一名前端工程师？_html/css_WEB-ITnose• web开发中比较常用的html标签_html/css_WEB-ITnose• 糟糕的css用法 1_html/css_WEB-ITnose
独孤九贱(3)_JavaScript视频教程
javascript是运行在浏览器上的脚本语言，连续多年，被评为全球最受欢迎的编程语言。是前端开发必备三大法器中，最具杀伤力。如果前端开发是降龙十八掌，好么javascript就是第18掌：亢龙有悔。没有它，你的前端生涯是不完整的。《php.cn独孤九贱（3）－JavaScript视频教程》课程特色：php中文网原创幽默段子系列课程，以恶搞，段子为主题风格的php视频教程！轻松的教学风格，简短的教学模式，让同学们在不知不觉中，学会了javascript知识。
JavaScript教程141790次播放
独孤九贱(6)_jQuery视频教程
jQuery是一个快速、简洁的JavaScript框架。设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等,是全球最流行的前端开发框架之一。PHP中文网根据最新版本,独家录制jQuery最新视频教程,回馈PHP中文网的新老用户。
jQuery教程116404次播放
jQuery与Ajax基础与实战
jQuery是最流行的JS函数库，封装了许多实用的功能,其中最引人入胜的就是Ajax。 jQuery中的Ajax操作,语法简单,操作方便，使Ajax从未如此轻松，前端人员从此不再为与服务器异步交互而发愁,本套课程,精选了最常用的几个方法，从基本的语法到每个参数，再到具体实例进行了全面的讲解。
AJAX教程16081次播放
Git教程(60分钟全程无废话版)
Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。 Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。 Git 与常用的版本控制工具 CVS, Subversion 等不同，它采用了分布式版本库的方式，不必服务器端软件支持
JavaScript教程13960次播放
