您当前的位置:网站首页>CSS>行内元素与块级元素有什么区别 找CSS教程就上ki4.cc (>^ω^<),行内元素,块级元素

行内元素与块级元素有什么区别 找CSS教程就上ki4.cc (>^ω^<),行内元素,块级元素

2020年05月11日 投稿作者: 围观人数:28

css实现禁止选中文本 找CSS教程就上ki4.cc (>^ω^<)

本文来自css快速入门栏目,文中为大家介绍了css实现禁止选中文本的方法,具有一定的参考价值,希望可以帮助到大家。如:【oncontextmenu="return false;" onselectstart="return false"】。

块级元素

1、总是从新行开始

2、高度、行高、外边距以及内边距都可以控制

3、宽度默认是浏览器的100%

4、可以容纳内联元素以及其他块元素

行内元素

1、和相邻元素在一行上

2、高、宽无效,但是水平方向的padding和margin可以设置,垂直方向无效

3、默认宽度就是它本身内容的宽度

4、行内元素只能容纳文本或其他行内元素(a除外)

(视频教程推荐:css视频教程)

注意:

1、只有文字才能组成段落,因此p里面不能放置块级元素,同理还有这些标签h1-h6,dt等,它们都是文字块级标签,里面不能放置其他块级元素

2、链接里面不能再放置链接

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

块级元素的特点:

1、总是从新行开始

2、高度、行高、外边距以及内边距都可以控制

3、宽度默认是浏览器的100%

4、可以容纳内联元素以及其他块元素

CSS 9种方法实现不定宽高的垂直水平居中(干货) 找CSS教程就上ki4.cc (>^ω^<)

垂直居中,在 CSS 中是一个老生常谈的问题,面试的时候也会时常被提及。所以,本篇文章就带大家来聊聊 9 种不同的居中方法。

行内元素的特点:

1、和相邻行内元素在一行上

2、高、宽无效,但是水平方向的padding和margin可以设置,垂直方向无效

3、默认宽度就是它本身内容的宽度

4、行内元素只能容纳文本或其他行内元素(a除外)

行内块标签 inline-block

在行内元素中有几个特殊的标签--<img />、<input>、<td>,可以对他们设置宽高和对齐属性,有些资料可能会称它们为行内块元素。

特点:

1、和相邻行内元素(行内部)在一行上,但是之间会有空白间隙;

2、默认宽度是它本身内容的宽度

3、高度、行高、外边距以及内边距都可以控制

标签显示模式转换 display

块转行内:display:inline;

行内转块:display:block;

块、行内元素转换为行内块:display:inline-block;

推荐教程:css快速入门

以上就是行内元素与块级元素有什么区别的详细内容,更多请关注ki4导航其它相关文章!

关于css中清除浮动(clearfix)的介绍 找CSS教程就上ki4.cc (>^ω^<)

本文为大家介绍了关于css中清除浮动(clearfix)的相关知识,具有一定的参考价值,希望可以帮助到大家。

标签

版权说明
免责声明:本文文章内容由ki4导航网发布,但不代表本站的观点和立场,具体内容可自行甄别.