行内元素和块元素

HTML系列文章目录

HTML网页设计：一、HTML的基本结构
HTML网页设计：二、网页的基本标签
HTML网页设计：三、图像标签之＜img＞标签
HTML网页设计：四、超链接
HTML网页设计：五、行内元素和块元素
HTML网页设计：六、列表
HTML网页设计：七、表格
HTML网页设计：八、媒体元素
HTML网页设计：九、网页的简单布局
HTML网页设计：十、iframe内联框架
HTML网页设计：十一、表单

文章目录

行内元素和块元素
- HTML系列文章目录
- 1.行内元素
- 2.块级元素

1.行内元素

行内元素（内联元素）：不占有独立的区域，仅仅依靠自己的字体大小或者是图像大小来支撑结构。一般不可以设置宽度，高度以及对齐等属性。
常见的行内元素包括<a>,<strong>,<b>,<em>,<del>,<span>等。

行内元素的特点：

和其他元素都在一行
高度、宽度以及内边距都是不可控的
宽高就是内容的高度，不可以改变
行内元素只能行内元素，不能包含块级元素块元素

2.块级元素

每个块级元素通常都会独占一行或者是多行，可以对其单独设置高度,宽度以及对齐等属性。
常见的块级元素有：<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等。

块级元素的特点：

总是从新的一行开始
高度、宽度都是可控的
宽度没有设置时，默认为100%
块级元素中可以包含块级元素和行内元素

HTML网页设计：五、行内元素和块元素相关推荐

html网页结构：行内和块元素、简单案例
一.行内元素和块元素概括块级元素:div , p ,form, ul,li,ol,dl,form, address,fieldset, hr, menu, table 行内元素:span, stro ...
html如何把快变为行内元素,怎么把行元素变为块元素
1. HTML中块级元素如何转为行内元素可以通过display: inline-block设置为行内元素. 步骤如下: 一.设计两个块级元素div,代码如下: 此时的块级元素显示效果: 二.设 ...
css块元素与行内元素特点,行内元素和块元素以及行内块元素的特点
一.背景初学html,接触很多标签 . .. . 等,当写出简单的小页面的时候,例如仅仅是一篇带有标题的文章,标题标签单独一行,不管后面有多大的空间: 标签中使用多个给某些词做强调,但是却和中的 ...
行内元素和块元素的区别
块元素:不管内容多少,块元素都会在浏览器中独占一行.可设置宽高,如果不设置宽高那么它的宽度是100%(占满父级元素一整行) 缺点:1.相邻元素垂直.相邻外边距会重叠.margin-bottom和mar ...
行内元素、块元素、行内块元素的区别
行内元素.块元素.行内块元素的区别一.前言 1.行内元素 2.块元素 3.行内块元素一.前言 HTML将元素分类方式分为行内元素.块元素和行内块元素三种.这三者是可以互相转换的,使用display ...
html 块内元素下移,html——行内元素、块元素、行内块元素
行内元素:span ,a, ,strong , em, del, ins.特点:在一行上显示:不能直接设置宽高:元素的宽和高就是内容撑开的宽高. 块元素:div,h1-h6,p,ul,li.特 ...
行内元素，行内块元素，块元素的区别
前言:本人是新生小白,如有错误之处欢迎指出首先我们先来介绍行内元素 inline <body>常见的行内元素有<span>ddd</span><a href ...
一文搞懂行内元素、块元素、行内块元素
文章目录前言一.了解各个元素的概念 1.概念: 2.举个例子: 3.样式展示二.如何将块元素变为行内块元素? 1.修改css中的dispaly属性 2.在进行样式选择的时候加入浮动三.将行内元 ...
从文档流来看内联元素和块元素的css排版
veda原创[抄录]讲得很好存自己这里看从文档流来看内联元素和块元素的css排版 CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的 ...

HTML网页设计：五、行内元素和块元素