CSS的一些简单概念_html/css_WEB-ITnose

行内元素与块级元素

在标准文档流里面，块级元素具有以下特点：<br /><br />①总是在新行上开始，占据一整行；<br />②高度，行高以及外边距和内边距都可控制；<br />③宽带始终是与浏览器宽度一样，与内容无关；<br />④它可以容纳内联元素和其他块元素。<br /><br />行内元素的特点：<br /><br />①和其他元素都在一行上；<br />②高，行高及外边距和内边距部分可改变；<br />③宽度只与内容有关；<br />④行内元素只能容纳文本或者其他行内元素。<br />不可以设置宽高，其宽度随着内容增加，高度随字体大小而改变，内联元素可以设置外边界，但是外边界不对上下起作用，只能对左右起作用，也可以设置内边界，但是内边界在ie6中不对上下起作用，只能对左右起作用<br /><br />

转换的方式是用css的display属性<br /><br />display:block;    /*转换为块级*/<br />display:inline;    /*转换为行内*/<br /><br />还有一种是display:inline-block;    /* 其实仍未行内元素，但是可以设置width及height属性等*/

布局

静态布局：意思就是不管浏览器尺寸具体是多少，网页布局就按照当时写代码的布局来布置；<br />自适应布局：就是说你看到的页面，里面元素的位置会变化而大小不会变化；<br />流式布局：你看到的页面，元素的大小会变化而位置不会变化——这就导致如果屏幕太大或者太小都会导致元素无法正常显示。<br />自适应布局：每个屏幕分辨率下面会有一个布局样式，同时位置会变而且大小也会变。