前端技术分享-码匠 极客编程技术分享

您当前位于:HTML+CSS ——> HTML结构 | 行元素和块元素的区别

HTML结构 | 行元素和块元素的区别

2015/05/02 20:34:25 | 作者:HTML5学堂(码匠) | 分类:HTML+CSS | 关键词:行内元素,块状元素,行元素,块元素

行内元素和块状元素的区别

HTML5学堂:HTML5中的元素很多,大体上可以分为三种,分别是:行内元素,块状元素和第三类元素。第三类元素比较杂,行内元素和块状元素各有各的特点。通常我们会利用元素自身的一些特点来进行布局。

块状元素特点:

1、独占一行,在默认情况下,宽度自动填满父元素宽度

2、宽度和高度可以控制

3、margin和padding横向纵向设置都有效

4、可以通过display: inline; 转换为行内元素

5、除个别特殊元素外,可包含块状元素和行内元素

欢迎沟通交流~HTML5学堂

行内元素特点:

1、不能独占一行

2、宽高由内容撑开

3、margin和padding横向设置有效,纵向设置不产生边距效果

4、可以通过display: block; 转换为块状元素

5、除ins和del外,不能包含块状元素

欢迎沟通交流~HTML5学堂

微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端