css行内元素与块级元素

来源:互联网 发布:cad批量打印快刀软件 编辑:程序博客网 时间:2024/05/06 15:01

块级元素:块状元素排斥其他元素与其位于同一行,可以设定元素的宽(width)和高(height),块级元素一般是其他元素的容器,可容纳块级元素和行内元素。总的来说,它的特点有:
①总是在新行上开始;
②高度,行高以及外边距和内边距都可控制;
③宽度缺省是它的容器的100%,除非设定一个宽度。
④它可以容纳内联元素和其他块元素。
常见的块级元素有div p form ulh1~h6等。

行内元素:行内元素不可以设置宽(width)和高(height),但可以与其他行内元素位于同一行,行内元素内一般不可以包含块级元素。行内元素的高度一般由元素内部的字体大小决定,宽度由内容的长度控制。
它的特点有:
①和其他元素都在一行上;
②高,行高及外边距和内边距不可改变;
③宽度就是它的文字或图片的宽度,不可改变
④内联元素只能容纳文本或者其他内联元素

常见的行内元素有a, em ,strong b br i span input select等。
行内块级元素(可变元素):行内块级元素介于块级元素和行内元素之间,特性:①内容撑开宽度②同属性(内联)标签在一行显示 。能根据上下文决定该元素是块元素还是行内元素。

1 0
原创粉丝点击