行内元素，块级元素

1、行内元素不会应用width和height属性，可以设置line-height。

2、行内元素margin-left,margin-right,padding-left,padding-right有效

3、对于块级元素，未浮动的垂直相邻元素的上边界和下边界会被压缩。

4、通过display:block;或display:inline-block;行内元素可以设置块级元素才能定义的css属性。通过display:inline;块级元素转变行内元素。

注：替换元素是只用来替换元素内容的部分并非由文档内容直接表示。比如input标签的type="", img标签的src=""。替换元素可以应用width和height属性
非替换元素，大多数html和xhtml都是非替换元素。

时间： 2024-11-02 04:23:35

行内元素，块级元素的相关文章

img、input到底是行内还是块级元素？

一.img.input属于行内替换元素.height/width/padding/margin均可用.效果等于块元素. 行内非替换元素,例如, height/width/padding top.bottom/margin top.bottom均无效果.只能用padding left.right和margin left.right改变宽度. 二.在文档类型定义(DTD)中对不同的元素规定了不同的类型,这也是DTD对文档之所以重要的原因之一. 从元素本身的特点来讲,可以分为不可替换元素和替

web兼容学习分析笔记--块级、内联、内联块级元素

一.块级.内联.内联块级元素 (1)块级元素:block **独占一行 **可设置width,height,margin,padding **内部可包含块级或内联元素 (3)内联(行内)元素:inline **和其他inline元素同行显示 **可以设置margin-left,margin-righ,padding-left,padding-right, **无效设置widht,height,margin-top,margin-bottom,padding-top,padding-bottom

HTML行内元素块级元素及语义化

---------------------------------------可以换行的元素不能换行的元素-------------------------------- 块级元素行内元素 div - dl - form ---交互表单 a - 链接 br - 换行 em - 强调 h1 - h6 标题 hr - 水平分隔

css基础行内元素块级元素

1.行内元素(内联元素 inlineElement) 特点:不占据一行,无法设置宽高及行高,其宽度随着内容增加,高度随字体大小而改变,margin只对左右起作用,上下无效. 常见有: a - 锚点,b - 粗体(不推荐),br - 换行,em - 强调,font - 字体设定(不推荐),i - 斜体,img - 图片,input - 输入框,label - 表格标签, select - 项目选择,small - 小字体文本,span - 常用内联容器,定义文本内区块,strike - 中划线,s

行内元素块级元素之间的嵌套

默认的span标签是一个行内标签,页面构成时,尽量把它作为最后一个标签. 当然不绝对,你可以在内套用同是行内标签的元素:.....等等等. 如果套用块状标签,那么很多情况浏览器解析会把它放到span的外面,w3c内明确标识了,行内元素不可以套用块状元素. 1 如果不按照HTML规则书写代码时,浏览器就不会正确解析,会将不符合嵌套规则的节点放到目标节点的下面,或者变成纯文本.HTML存在许多种类型的标签,有的标签下面只允许特定的标签存在,这就是H

HTML行内元素块级元素

块级元素(block element):div 段落标签h1-h6,水平分割线</hr> ,段落标签换行标签 table表格 form表单 ol有序列表 ul无序列表 p段落 menu菜单列表行内元素(inline element): a链接 u下划线 br换行 i倾斜 img图片 select项目选择 sub下标 sup上标 input输入框 textarea多行文本输入框

HTML--行内元素/块级元素

行内元素 1.默认同行可以继续跟同类型标签: 2.内容撑开宽度 3.不支持宽高 4.不支持上下的margin和padding 5.代码换行被解析成一个空格块属性标签 1.默认独占一行显示 2.没有宽度时,默认撑满一排 3.支持所有css命令行内块级元素 1.块在一行显示 2.行内属性标签支持宽高 3.没有宽度的时候内容撑开宽度但是inline-block也存在几个问题 1.代码换行同样会被解析为空格 2.IE67不支持块级元素的inline-block属性块级元素和行内元素的转换 dis

html的块级、内联、内联块级元素基础

概念块级:block 内联:inline 内联块级:inline-block 在html元素中,元素会有display属性 display属性默认值是block,那么该元素是块级元素. display属性默认值是inline,那么该元素是内联元素. 没有元素的display默认值是inline-block. display属性值可以被设置,比如可以把块级元素div的display的值设成inline,那么它就变成了内联元素,不再独行显示. 特征 1.块级元素独占一行. 可设置width,he

行内元素有哪些?块级元素有哪些?CSS的盒模型?转载

块级元素:div p h1 h2 h3 h4 form ul行内元素: a b br i span input selectCss盒模型:内容,border ,margin,padding css中的display属性(行内元素和块级元素) 我们常用的display属性值有: inline block inline-block none 把 display 设置成 none 不会保留元素本该显示的空间,但是 visibility: hidden 还会保留. 我们最关心的还是display:inl

详解css中的display属性（行内元素和块级元素）

display属性首先,所有主流浏览器都支持 display 属性.其次,我们都知道display 属性规定元素应该生成的框的类型.默认值:inline 我们常用的display属性值有: inline block inline-block none 把 display 设置成 none 不会保留元素本该显示的空间,但是 visibility: hidden 还会保留. 那么,display:inline.display:block和display:inline-block有什么区别呢? <s