CSS基础03CSS布局69课件讲解.pptxVIP

03CSS基础CSS布局

CSS布局主要内容元素显示模式CSS浮动CSS清除浮动CSS定位

CSS布局元素显示模式在布局页面的时候常常会用到元素的显示模式，元素显示模式就是元素以什么方式进行显示，如块级元素div自己占一行，一行可以放多个行内元素span。1.块级元素常见的块级元素有h1~h6、p、div、ul、ol、dl、li等，其中div元素是最典型的块元素。特点：自己独占一行可以设置高度、宽度、外边距以及内边距宽度默认是容器（父级宽度）的100%。是一个容器级盒子，里面可以放行内或者块级元素

CSS布局元素显示模式在布局页面的时候常常会用到元素的显示模式，元素显示模式就是元素以什么方式进行显示，如块级元素div自己占一行，一行可以放多个行内元素span。2.行内元素常见的行内元素有a、span、input、img/、td、等，其中span元素是最典型的行内元素。说明：相邻行内元素在一行上，一行可以显示多个。宽度和高度直接设置是无效的。默认宽度是它本身内容的宽度。行内元素只能容纳文本或者其他行内元素。img/、input、td是三个特殊的行内元素，可以设置宽高（块级元素特点），有的地方称为行内块元素。

CSS布局元素显示模式有时候为了更好的布局元素，需要进行元素显示模式的转换，简单理解一个显示模式的元素需要另外一种显示模式的特性。比如想要增加链接