CSS的元素显示模式（块内元素和行内元素）

CSS的元素显示模式：块内元素和行内元素。
块内元素：<h1>-<h6>,<p>,<div>,<ul>,<ol>,<li>等，其中<div>标签最典型。
特点：
（1）独占一行
（2）高度，宽度，外边距以及内边距都可以控制
（3）宽度默认是容器的100%
（5）是一个容器及盒子，里面可以放行内或者块内元素
注意：<p>中不能放<div>。

行内元素（或内联元素）：<a>,<strong>,<em>,<b>,<i>,<del>,<s>,<ins>,<u>,<span>等，其中<span>标签是最典型的行内元素。
特点：
（1）相邻行内元素在一行上，一行可以显示多个
（2）高宽直接设置是无效的
（3）默认宽度是它本身内容的宽度
（5）行内元素只能容纳文本或其他的行内元素。
注意：链接里面不能再放链接。

元素显示模式转换：一个模式的元素需要另一种模式的特性，比如拓宽的触发范围。
（1）转换为块内元素：display:block;
（2）转换为行内元素：display:inline;
（3）转换为行内快元素：display:inline-block

CSS的元素显示模式（块内元素和行内元素）相关推荐

web前端学习day_02:CSS:三种使用方式/选择器/颜色/背景图片/查看样式/文本/元素显示方式/盒子模型/定位方式/行内对齐/显示层级/防溢出
CSS : Cascading Style Sheet 层叠样式表. 作用: 美化页面 CSS 如何在html页面中添加css样式代码?总共有三种方式: 1.选择器 2.选择器练习: 3.颜色赋值 4 ...
html标签的显示模式（块级标签，行内标签，行内块标签）（转）
html标签的显示模式(块级标签,行内标签,行内块标签) 今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用, ...
为什么有些内联（行内）元素可以设置宽高？
为什么有些内联(行内)元素如img.input可以设置宽高? 在说明之前我们先来了解一些定义. 块级元素和内联元素: ①块级元素总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示. 宽 ...
html标签的显示模式（块级标签，行内标签，行内块标签）
今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用,比如宽.高.水平居中等,其实这个属性的使用只有在块级标签上 ...
HTML 块标签，行内标签，行内块标签以及之间的相互转换
HTML标签分类行内标签:包含a.span.em.strong.b.i.u.label.br: 特点:可以多个标签存在一行,不能直接设置行内标签的高度.宽度.行高以及顶和底边距,完全靠内容撑开宽 ...
html 11 内联（行内）
行内元素 <span> 块级元素 <div> <p> <section> <header> <footer> 行内元素,这是 ...
行内块元素有哪些标签_html的行内元素与块级元素总结
希望大家补充一下常见的块级元素与行内元素~ 如有错误,请大家在评论区指出,一起进步! 一.区别二.常见的块级元素: p:段落标签 div:把DIV看作是一容器,容器专门用来包含内容 h1.h2- - ...
html 指定对象为块元素,html内联（行内）元素、块级（块状）元素和行内块元素分类...
HTML可以将元素分类方式分为内联(行内)元素.块级(块状)元素和行内块元素三种. 注:HTML是标签语言,那么既然是标签,就可以自己定义一些自己元素(如自定义的元素等),自定义元素浏览器默认解析为内 ...
在html中列表是块元素还是,HTML基础知识4-列表及表单的写法、块级元素和内联（行内）元素的区别...
一.有序列表.无序列表.自定义列表如何使用?写个简单的例子.三者在语义上有什么区别?在哪些情况下使用哪种(重要)? 如何嵌套? 1.简单例子如下: Document div.div1 { backgr ...
web前端入门到实战：html常见的块元素与内联（行内）元素用法说明
html平时常见的块元素有:div, p, h1, h2, h3等,内联元素有:span, a, img等. 块元素的属性:无论内容是什么,都会独占一整行.主要用于页面布局. 内联元素的属性:只占自身 ...

CSS的元素显示模式（块内元素和行内元素）

CSS的元素显示模式（块内元素和行内元素）相关推荐

最新文章

热门文章