20.元素分类--内联块状元素

内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点，代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增)，<img>、<input>标签就是这种内联块状标签。

inline-block元素特点：

1、和其他元素都在一行上；

2、元素的高度、宽度、行高以及顶和底边距都可设置。

提示：下一小节是用视频动画来讲解css中的盒模型。

时间： 2024-11-10 01:59:49

20.元素分类--内联块状元素的相关文章

元素分类--内联块状元素(特点:同行, 可设置宽高和边距)

内联块状元素(inline-block)就是同时具备内联元素.块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素. (css2.1新增),<img>.<input>标签就是这种内联块状标签. inline-block 元素特点: 1.和其他元素都在一行上: 2.元素的高度.宽度.行高以及顶和底边距都可设置. 示例: <!DOCTYPE HTML> <html> <head> <meta http-equ

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

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

内联块状元素

元素分类--内联块状元素内联块状元素(inline-block)就是同时具备内联元素.块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素.(css2.1新增),<img>.<input>标签就是这种内联块状标签. inline-block 元素特点: 1.和其他元素都在一行上: 2.元素的高度.宽度.行高以及顶和底边距都可设置. 提示:下一小节是用视频动画来讲解css中的盒模型. 任务任务:我也来试试,仿分页页码设计在右边的代码编辑器中大

HTML的块状、内联、内联块状元素的特点

元素分类及特点: 1.块级元素: 在html中<div>. <p>.<h1>.<form>.<ul> 和 <li>就是块级元素.设置display:block就是将元素显示为块级元素.块级元素特点: (1).每个块级元素都从新的一行开始,并且其后的元素也另起一行:(一个块级元素独占一行) (2).元素的高度.宽度.行高以及顶和底边距都可设置: (3).元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一

内联块状元素说明

内联块状元素(inline-block) 就是同时具备内联元素.块状元素的特点,代码 display:inline-block 就是将元素设置为内联块状元素. (css2.1新增),<img>.<input>标签就是这种内联块状标签. inline-block 元素特点: 1.和其他元素都在一行上: 2.元素的高度.宽度.行高以及顶和底边距都可设置.

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

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

html -- 块元素、内联元素、内联块元素练习

html标签(也叫元素)大概可以统分为三大类,块元素.内联元素.内联块元素. 块元素 1,常用的块元素:ul.li.div.p.dl.dt.dd.h1~h6. 2,块元素支持所有的样式. 3,盒子独占据一行,即使设置了宽度. 4,如果没有设置宽度,默认宽度为父元素的100%. 内联元素 1,常用的内联元素:span.a.em.i.b.strong. 2,只支持部分样式,比如说,不支持宽.高.margin上下.padding上下. 3,盒子并在一行. 4,宽高由内容挣开. 5,如果代码换行,盒子之

什么是块级元素和内联级元素(二)

block(块)元素的特点: ①总是在新行上开始: ②高度,行高以及外边距和内边距都可控制: ③宽度缺省是它的容器的100%,除非设定一个宽度. ④它可以容纳内联元素和其他块元素 inline元素的特点: ①和其他元素都在一行上: ②高,行高及外边距和内边距不可改变: ③宽度就是它的文字或图片的宽度,不可改变 ④内联元素只能容纳文本或者其他内联元素 (中文叫法有多种内联元素.内嵌元素.行内元素.直进式元素). 块元素(block element)和内联元素(inline element)都是

18 12 27 css 盒模型使用以及相关技巧问题元素溢出块元素、内联元素、内联块元素

盒子模型的实际尺寸盒子的width和height设置的是盒子内容的宽和高,不是盒子本身的宽和高,盒子的真实尺寸计算公式如下: 盒子宽度 = width + padding左右 + border左右盒子高度 = height + padding上下 + border上下 margin相关技巧 1.设置元素水平居中: margin:x auto;2.margin负值让元素位移及边框合并外边距合并外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距.合并后的外边距的高度等于两个发生合