行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

首先:CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,如div的display默认值为“block”,则为“块级”元素;span默认display属性值为“inline”,是“行内”元素。
(1)行内元素有:a b span img input select strong(强调的语气)
(2)块级元素有:div ul ol li dl dt dd h1 h2 h3 h4…p
(3)常见的空元素:
    <br> <hr> <img> <input> <link> <meta>
    鲜为人知的是:
    <area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>
时间: 2024-10-14 05:06:02

行内元素有哪些?块级元素有哪些? 空(void)元素有那些?的相关文章

行内元素有哪些?块级元素有哪些?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

(转)html块级元素与行内元素-哪些是块级哪些是内联对象

块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P".“form"这个块元素比较特殊,它只能用来容纳其他块元素. 如 果没有css的作用,块元素会顺序以每次另起一行的方式一直往下排.而有了css以后,我们可以改变这种html的默认布局模式,把块元素摆放到你想 要 的位置上去.而不是每次都愚蠢的另起一行.需要指出的是,table标签也是块元素的一种,table based layout和 css based layout从一般使用者(不包括视力障碍者.盲人等

行内元素自动变为块级元素

1. 两种自动把行内元素变成块级元素的方法,即使元素inline属性变成inline-block属性:1.给行内元素设置position:absolute/fixed;2.让行内元素浮动,即float;此时便可以对其设置width,height,相当于display:inline-block,但优先级高于display. 2. 伪元素:before和:after的作用就是在指定的元素内容(而不是元素本身)之前或者之后插入一个包含content属性指定内容的行内元素.1.需要和content属性一

HTML行内元素、块状元素以及空(void)元素

块状元素:                                                                                             address - 地址                                                                                                                                blockquote -

重要的事情说三遍:列表 ul / ol 等是块级元素,是块级元素,块级元素

HTML 块级元素 大多数 HTML 元素被定义为块级元素或内联元素. 编者注:“块级元素”译为 block level element,“行内元素”译为 inline element. 块级元素在浏览器显示时,通常会以新行来开始(和结束). 例子:<h1>, <p>, <ul>, <table> HTML 行内元素 行内元素在显示时通常不会以新行开始. 例子:<b>, <td>, <a>, <img> 总之一

内联标签和块级标签

display:inline; 内联元素,简单来说就是在同一行显示.display:block; 块级元素,简单来说就是就是有换行,会换到第二行.display:inline-block; 就是在同一行内的块级元素. 文章摘自:http://blog.csdn.net/cicada_slough/article/details/43305215 说概念太模糊,来个真实案例吧. <a href="#" >链接一</a><a href="#"

块级元素与行内元素区别

与行级元素相比,块级元素具有如下特点:(1).前后换行显示,块级元素比较“霸道”,默认状态下独占一整行.(2).块级元素常用作容器,即可以再“容纳”其它块级元素和行级元素,而行级元素一般用于组织内容,即只能用于“容纳”文字.图片.超链接等其他行级元素.(3).块级元素具有一定的高度和宽度,可以通过设置块级元素的width.height属性来控制. 从页面布局的角度,块级元素又可细分基本块级元素和常用于页面布局的块级元素.基本的块级元素有: 1).标题标签<h1>~<h6>:表示一段

行级元素和块级元素的转换

1.行内标签转换成块级标签的方法 <span style="height:30px;width:550px;display:block">span1</span> 2.块级标签转换成行内标签的方法 <div style="height:30px;width:550px;display:inline">div1</div> 初始的情况: <span style="height:30px;width:550

img/input等部分标签是行内标签,为什么也可以设置宽和高

常见标签分类在平常的学习中,我们应该都知道 html 标签可以分为块级标签和行内标签常见的块级标签有:ul.ol.li.form.h1-h6.hr.p.table.div 等常见的行内标签有:a.button.br.img.input.label.select.span 等但细心的同学就会发现,尽管 img 是行内标签,但是我们仍然可以给其设置宽和高,这里就涉及到另一个概念 另一种分类:可替换标签和不可替换标签可替换标签:标签的具体显示内容要根据其属性来决定的标签就是可替换标签,如 img.in