块状元素(div)与内联元素(span)

<pre class="html" name="code"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
<p>
块状元素
一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥其他元素与其位于同一行,宽度(width)高度(height)起作用。常见块状元素为div和p,body
</p>

<p style="display:inline">将块状元素转换成内联元素:将display设为inline就可以了<p>

<p>
内联元素
内联元素只能容纳文本或者其他内联元素,它允许其他内联元素与其位于同一行,但宽度(width)高度(height)不起作用。常见内联元素为“a”“span”
</p>

<a href="http://www.baidu.com" style="display:block">将内联元素转换成块状元素:将display设为block就可以了</a>

</body>
</html>


块状元素(div)与内联元素(span),布布扣,bubuko.com

时间: 2024-10-27 06:07:26

块状元素(div)与内联元素(span)的相关文章

块元素block,内联元素inline; inline-block;

block:块元素的特征 div ol li 等: 1.只有高度不设置宽度的时候默认撑满一行: 2.默认块元素不在一行: 3.支持所以CSS命令: inline:内联元素的特征 span i strong 等: 1.宽高由内容撑开: 2.不支持宽高: 3.一行上显示同类的内联元素: 4.不支持上下的margin; 5.元素换行可以被解析: inline-block: 元素特征 1.块元素在一行内显示; 2.行内元素支持宽高; 3.没有宽度的时候内容撑开宽度;

HTML元素分类:块级元素 内联元素和内联块状元素

在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 1,块状元素 常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>.<address>.<blockquote> .<form> 什么是块级元素?在html中<div>. <p>.<

元素分类--内联元素(特点:同行, 宽高边距不可改)

在html中,<span>.<a>.<label>. <strong> 和<em>就是典型的内联元素(行内元素)(inline)元素.当然块状元素也可以通过代码display:inline将元素设置为内联元素. 如下代码就是将块状元素div转换为内联元素,从而使 div 元素具有内联元素特点. div{ display:inline; } ...... <div>我要变成内联元素</div> 内联元素特点: 1.和其他元素

css学习笔记----深刻理解块级元素和内联元素

前言 因为之前学习css时候急于求成,学习的很不扎实,对于display还有块级元素等知识都了解的非常模糊,于是,最近我决定来恶补一下. 其实块级元素.内联元素和display有着密不可分的关系,下面先看一下display的三个相关的属性. 一.display display跟块级元素相关的包括以下三个属性  block,inline,inline-block三个属性.(当然还包括很多其他的属性,详情请见 http://www.w3school.com.cn/cssref/pr_class_di

19.元素分类--内联元素

在html中,<span>.<a>.<label>.<input>. <img>. <strong> 和<em>就是典型的内联元素(行内元素)(inline)元素.当然块状元素也可以通过代码display:inline将元素设置为内联元素.如下代码就是将块状元素div转换为内联元素,从页使用div元素具有内联元素特点. 内联元素特点: 1.和其他元素都在一行上: 2.元素的高度.宽度.行高及顶部和底部边距不可设置: 3.元

块状元素与内联元素的区别

独占一行         能设置宽高     竖直方向的margin,padding     水平方向的margin,padding 块状元素:               是                      是                       有,可以设置                           有,可以 内联元素:               否                      否                           不可以    

css块级元素,内联元素,内联块状元素

块元素 什么是块级元素?在html中<div><p><h1><form><ul>之类的就是块级元素.设置display:block是就将元素显示为块级元素.如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点. 块级元素特点: 1.每个块级元素都从新的一行开始,并且其后的元素也另起一行. 2.元素的高度,宽度,行高以及顶和底边距都可设置. 3.元素宽度在不设置的情况下,是它本身你窗口的100%(和你元素的宽度一致),除非设定一个宽

Css中的两个重要概念:块状元素和内联元素

一.display:block display:block就是将元素显示为块级元素,一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥其他元素与其位于同一行,宽度(width)高度(height)起作用.常见块状元素为div和p. 块元素(block element) address - 地址 blockquote - 块引用 center - 举中对齐块 dir - 目录列表 div - 常用块级容易,也是CSS layout的主要标签 dl - 定义列表 fieldset -

【HTML入门】Html中块状元素和内联元素解析

[HTML入门]Html中块状元素和内联元素解析 块元素(block element)一般是其他元素的容器元素,块元素一般都从新行开始,它可以容纳内联元素和其他块元素,内联元素(inline element)一般都是基于语义级(semantic)的基本元素.内联元素只能容纳文本或者其他内联元素 我们先来分析一下块级元素.内联级元素的定义和解析: 块元素(block element)一般是其他元素的容器元素,块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P".“fo