收藏 分享(赏)

行内元素与块级元素总结.doc

上传人:11xg27ws 文档编号:4637278 上传时间:2019-01-05 格式:DOC 页数:4 大小:70.50KB
下载 相关 举报
行内元素与块级元素总结.doc_第1页
第1页 / 共4页
行内元素与块级元素总结.doc_第2页
第2页 / 共4页
行内元素与块级元素总结.doc_第3页
第3页 / 共4页
行内元素与块级元素总结.doc_第4页
第4页 / 共4页
亲,该文档总共4页,全部预览完了,如果喜欢就下载吧!
资源描述

1、行内元素和块级元素有哪些?(留着慢慢用)information on authorlong quotationpush buttontable captiondefinition descriptiondeleted textgeneric language/style containerdefinition listdefinition termform control groupinteractive formheadingheadingheadingheadingheadingheadinghorizontal ruleinline subwindowinserted textfield

2、set legendlist itemclient-side image mapalternate content container for non frame-based renderingalternate content container for non script-based renderinggeneric embedded objectordered listparagraphpreformatted texttabletable bodytable data celltable footertable header celltable headertable rowunor

3、dered list行内元素 河南魏华压滤机( ,压滤机,板框式压滤机,厢式压滤机)anchorabbreviated formacronymbold text styleI18N BiDi over-ridelarge text styleforced line breakpush buttoncitationcomputer code fragmentdeleted textinstance definitionemphasisitalic text styleinline subwindowEmbedded imageform controlinserted texttext to be

4、 entered by the userform field label textclient-side image mapgeneric embedded objectshort inline quotationsample program output, scripts, etc.option selectorsmall text stylegeneric language/style containerstrong emphasissubscriptsuperscriptmulti-line text fieldteletype or monospaced text styleinsta

5、nce of a variable or program argument记住对行内元素设置宽度 width 无效。设置高度 height 无效,可以通过 line-height来设置。设置 margin 只有左右 margin有效,上下无效。设置 padding 只有左右 padding有效,上下则无效。注意元素范围是增大了,但是对元素周围的内容是没影响的!盾旗压滤机( 压滤机,板框式压滤机,厢式压滤机).text-align属性是两者表现的又以不同之处 在 W3C CSS2.1规范第 16.2节 对 text-align 有详细地描述:-值: left | right | center |

6、 justify | inherit初始值:匿名值,由direction的值而定,如果direction为ltr则为left,如果direction为rtl则为right。应用于: 块级元素,表格单元格,行内块元素继承性: 是计算后的值:初始值或指定值-郑州丰和食品添加剂( 瓜尔豆胶,刺槐豆胶,海藻酸钠)这个特性描述了如何使一个块元素的行内内容对齐。注意一点,标准里说这个属性是用来对齐行内内容的,所以,不应该对块级内容起作用。解释一下,行内内容是说由行内元素组成的内容,行内元素大家都知道吧,比如 SPAN 元素,IFRAME元素和元素样式的 display : inline 的都是行内元素;块

7、级内容跟则是由块级元素构成,DIV 是最常用的块级元素。块级元素和行内元素的区别是,块级元素会占一行显示,而行内元素可以在一行并排显示。这样,我们对这个特性的认识应该就清楚了。但是,问题来了,虽然标准里这么规定,那么是不是所有浏览器都遵守呢?答案是否定的。猜猜是哪个浏览器这么特立独行啊? IE!IE6/7及 IE8混杂模式中,text- align:center 可以使块级元素也居中对齐。其他浏览器中,text-align:center仅作用于行内内容上。解决这个问题比较好的方式,就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:auto; margin-right:auto”。但这个方式 IE6/IE7/IE8 的混杂模式中不支持,所以还要设置父容器的 “text-align:center;“。若居中对齐的子元素内的行内内容不需要居中对齐,则还需要为其设置“text-align:left”:中耳炎治疗网 ( 中耳炎治疗网,化脓性中耳炎,中耳炎症状,慢性中耳炎)

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 实用文档 > 工作总结

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报