【html标签的显示模式（块级标签，行内标签，行内块标签）（转）】的更多相关文章

block（块级元素）和 inline（内联元素） 的区别

block(块级元素)和 inline(内联元素) 的区别 (2009-01-05 10:32:07) 转载▼ 标签: 杂谈 分类: div+css div这样的块级元素,就会自动占据一定矩形空间,可以通过设置高度.宽度.内外边距等属性,来调整的这个矩形的样子: 与之相反, 像“span”这样的行内元素,则没有自己的独立空间,它是依附于其他块级元素存在的,因此,对行内元素设置高度.宽度.内外边距等属性,都是无效的. 其实你需要知道的行内元素就是 span 和 a ,其他的行内元素,比如 stro…

HTML哪些是块级元素，哪些是行内元素、

块级元素:块级大多为结构性标记 <address>...</adderss> <center>...</center>  地址文字 <h1>...</h1>  标题一级 <h2>...</h2>  标题二级 <h3>...</h3>  标题三级 <h4>...</h4>  标题四级 <h5>...</h5>  标题五级 <h6>…

块级元素的text-align对行内元素和果冻元素(inline-block)的作用

块级元素社设置了text-align:center以后,对其直接行内元素/果冻元素.继承行内元素/果冻元素都会产生“居中效应”. <style> .test4{ text-align: center; } .test4 ul li{ display: inline-block; } </style> <div class="test4"> <div> <span>hello world</span> <spa…

行内元素与块级元素的区别，行内块级元素在IE8-的兼容性

行内元素与块级元素的区别 行内元素最好不要包裹块级元素,但是块级元素可以任意的包裹行内元素 行内元素如果其上一个元素也是行内元素,则他们会分布在统一水平线上,即在一行上排列,块级元素不论上一个元素是行内元素还是块级元素都要另起一行,单独占一行. 对于行内元素设置with.height.margin值无效,但对于块级元素,设置这些值是有效的. 行内块级元素在IE8以下的兼容性 div { display: inline-block: *zoom: 1: *display: inline: } 解析…

javascript中不存在块级作用域,所以要小心使用在块级作用域中的函数声明所带来的作用域混乱.

在javascript中函数的作用域是一个非常重要的概念. javascript中是没有块级作用域,但是有函数作用域的概念. 我们在开发的过程中,经常会遇到这样的问题, 某个函数我暂时不需要,不想声明,只有在特定的场合下,我才需要这个函数.才将这个函数体装载在我们的引擎中来. function foo(){ return "全局的"; } function test(x){ var result=[]; if(x){ function foo(){return "局部的&qu…

html标签的显示模式（块级标签，行内标签，行内块标签）（转）

html标签的显示模式(块级标签,行内标签,行内块标签)   今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用,比如宽.高.水平居中等,其实这个属性的使用只有在块级标签上使用才起作用.个人认为这个也是初学者非常容易忽略的地方,所以我就把它记下来! 比如会有一种情况,给p标签水平居中有作用,但是给font加水平居中属性就没作用(如下): 1 p{ color:red; text-align:center;}…

列表 ul ol dl 和 块级标签和行及标签之间的转换

1. 无序列表 有序列表 自定义列表 1,无序列表 第一 你不必须有子标签  <li></li> 第二 ul天生自带内外边距 List-style的属性值 circle(空心圆) disc(实心圆)square(正方形)none(空) 2.  有序列表 ol 有序列表 内部必须有子标签<li> 天生自带内外边距 Ol和ul不同之处就在前面符号的区别. 用标签属性type修改 3.   自定义列表 Dl 自定义列表 dt 是小标题  dd内容 4.有的标签设置背景时会独占…

浅谈css的行内类型标签和块级标签

常用标签的行内类型标签有:a.span.img:块级标签有:div.p.h1~6.ul.ol.li.dl.dt.dd. 行内类型标签的特征:标签的大小由标签的内容决定,不能设置width和height,不会自动换行. 块级标签的特征:可以设置width和height,会自动换行. 行内类型标签还有一个特点就是:在同一行上每个标签之间有间隙. a标签的现象: p标签的现象: img标签的现象: 解决这一现象最简单的办法就是将两个标签写在同一行.导致这一现象的原因还有待研究. 同样是行内标签,现在想…

Html：行级元素和块级元素标签列表

块级元素 div p h1-h6 form ul ol dl dt dd li table tr td th hr blockquote address table menu pre HTML5: header section article footer 标签实现展示 块级元素独占一行,当没有设置宽高时,它默认设置为100%( 其宽度自动填满其父元素宽度 ) 块级元素允许设置宽高,width.height.margin.padding.border都可控制  ( 注:块级元素设置了width宽…

<p></p>标签为什么不能包含块级标签?还有哪些特殊的HTML标签？

最近,在码代码的时候,就是下面的这段代码,我犯了一个很不起眼,但犯了就致命的BUG. <body> <p> <ol> <li>Hello</li> </ol> </p> <div>How are you?</div> </body> <script src="jquery-3.1.1.js"></script> <script> v…