标准文档流网页和ps设计软件有本质区别。网页的制作是一个自上而下的“流程”,就像织毛衣一样。 在设计软件的时候,你可以在任何你想画的地方画东西。标准公文流程下有以下微观现象:1。空白折叠现象。多个空间将合并为一个空间,并显示在浏览器页面上。 Img标签包装书写 我会发现每张图片之间都有一个空隙。如果我用一行写img标签,我会解决这个问题,但是我们不会这样写我们的html结构。 这种现象被称为空白折叠。 2.不均匀的高度,底部对齐的文本和不同的图片大小会使我们页面的元素出现不均匀的高度,但在浏览器中查看我们的页面时,你会发现底部边缘总是对齐的。3.自动换行,不满意一行,换行。如果一行中的单词太多,那么浏览器会自动换行来显示我们的块级元素和行内元素。标准文件流程是严格分级的。 标签分为两级:inline elements块级元素如h1 tag和span,同时设置宽度和高度。看浏览器效果,你会发现行内元素和块级元素的区别:行内元素:与其他行内元素并排;不能设置宽度和高度。 默认宽度是文本的宽度。 Block元素:占据一行,不能与其他任何元素并列;可以接受宽度和高度。 如果未设置宽度,默认情况下宽度将是父级的100%。 块元素和行内元素的分类:在HTML中,标签分为文本级和容器级。 从HTML的角度来看,标签分为:文本级标签:P,span,A,B,I,U,em。 集装箱标签:div,h系列,li,dt,dd PS:因为P & Pictures & Elements里面只能放单词,P里面不能放H和ul,P里面不能放P。 现在从CSS的角度来看,CSS的分类和上面很像,除了P: inline elements:除了P以外的所有文本级标签都是inline element。 p是文本级,但它是块级元素。 块级元素:所有容器级标签都是块级元素,还有P标签。 块级元素和行内元素之间的转换我们可以通过display属性将块级元素和行内元素相互转换。 显示是“显示模式” 块级元素可以转换成内联元素:once,set: display: inline对于一个块级元素(比如div);然后,这个标签会立刻变成一个内联元素,和span没什么区别。 直列的意思是“直列” 也就是说:此时,这个div的宽度和高度是无法设置的;此时,这个div可以转换成与其他并排的块级元素:同理,一旦设置了一个内联元素(例如span):display:block;然后,这个标签会立刻变成块级元素,和div没什么区别。 “块”是指“块” 也就是说,这个时候,这个跨度可以设置宽度和高度。这个时候这个跨度一定要占一条线,别人不能和他并排坐。如果不设置宽度,父标准流会有那么多限制,很多页面效果无法实现。 如果现在必须并排设置宽度和高度,该怎么办?解决办法是:移民!脱离标准流!css中有三种方法可以让一个元素脱离标准的文档流:浮动绝对定位和固定定位。