块、内联、内联块都有哪些及其特点

块元素
   常见块元素：div,p,ul,li,ol,dl,dt,dd,h1~h6,hr
   特点：
       a)块元素以块的形式显示为一个矩形区域，默认宽度为100%，等于父元素宽
       b)默认情况下，块元素独占一行，自上而下排列
       c)块元素可以设置宽高及任意margin，padding，border值
       d)块元素作为一个容器，可以容纳其他的块元素和内联元素
       注：p标签比较特殊，只能在p标签中嵌套内联元素，不能嵌套块元素
内联元素（行内元素）
   常见的内联元素：a,span,strong,b,em,i
   特点：
       a)默认情况下，内联元素在一行逐个进行显示，横着排列
       b)内联元素不能设置宽高，宽高由内容来决定，也显示为一个矩形区域
       c)内联元素可以设置左右相关的属性（margin-left,margin-right,padding-left,padding-right）不能设置上下相关的属性（上下margin,上下padding等）
       d)内联元素可以嵌套内联元素，不建议嵌套块元素
       注：a比较特殊，a不能嵌套a，只能是并列关系
内联块元素（行内块元素）
   常见的内联块元素：img,input,select,textarea
   特点：
       a)既具有内联元素的特征，在一行逐个进行显示
       b)同时又具有块元素的特征，可以设置宽高及任意margin,padding和border
       注：常见默认有margin或padding或border的元素有：
           默认有margin的元素：body,h1~h6,p,ul,ol,dl,dd,hr,fieldset,figure
           默认有padding的元素：ul,ol,input,textarea,fieldset
           默认有border的元素：hr,input,select,textarea,fieldset

块、内联、内联块都有哪些及其特点相关推荐

html中内联元素和块元素的区别、用法以及联系
昨天用asp.net的BulletedList做一个导航栏,最终该控件形成的html代码是ul列表和a超链接,具体代码如下: <ul id="BulletedList1" s ...
内联元素与块级元素及内外边距的影响
内联元素与块级元素块级元素(block): 新行开始: 高度,行高以及外边距和内边距都可控制: 宽度缺省是它的容器的100% 可以嵌套内联元素和其他块元素常用的块级元素:div.h1~h6.dl. ...
html中内联元素和块级元素的区别（整理版）
块级元素和内联元素的主要区别块级元素内联元素(即行内元素) 总是在新行上开始,独占一行默认情况下,宽度自动填满其父元素相邻的行内元素会排列再同一行里,直到一行排不下,才会换行,宽度随元素的内容而 ...
css 块元素、内联元素、内联块元素
元素就是标签,布局中常用的有三种标签,块元素.内联元素.内联块元素,了解这三种元素的特性,才能熟练的进行页面布局. 块元素: 块元素,也可以称为行元素,布局中常用的标签,如:div.p.ul.li.h ...
html 指定对象为块元素,html内联（行内）元素、块级（块状）元素和行内块元素分类...
HTML可以将元素分类方式分为内联(行内)元素.块级(块状)元素和行内块元素三种. 注:HTML是标签语言,那么既然是标签,就可以自己定义一些自己元素(如自定义的元素等),自定义元素浏览器默认解析为内 ...
html块状元素和内联元素_HTML中的内联元素和块元素-解释
html块状元素和内联元素块和内联元素 (Block and Inline Elements) Let's understand block and inline elements using th ...
从文档流来看内联元素和块元素的css排版
veda原创[抄录]讲得很好存自己这里看从文档流来看内联元素和块元素的css排版 CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的 ...
web前端入门到实战：html常见的块元素与内联（行内）元素用法说明
html平时常见的块元素有:div, p, h1, h2, h3等,内联元素有:span, a, img等. 块元素的属性:无论内容是什么,都会独占一整行.主要用于页面布局. 内联元素的属性:只占自身 ...
块元素与内联元素的盒子模型、浮动
目录 1.盒子模型 2.盒子模型的边框 3.盒子模型的内边距 4.盒子模型的外边距 5. 垂直外边距的重叠 6.清除浏览器默认内外边距 7.内联元素的盒子 8.dispaly详解 9.overflow ...
html内联元素和块元素的特性,HTML中块级元素和内联元素的特性详解
原标题:HTML中块级元素和内联元素的特性详解在网站布局中经常会遇到元素进行居中的时候,设置了text-align:center:margin:0 auto;有时候会起作用,但有时候对居中无效,刚接 ...

块、内联、内联块都有哪些及其特点

块、内联、内联块都有哪些及其特点相关推荐

最新文章

热门文章