CSS定位与布局

我们在编写网页代码时,首先应该做的就是设计好页面的布局形式,然后再往里面填充内容。网页布局的好与坏,直接决定了网页最终的展示效果。PC端常见的网页布局形式有两列布局、三列布局等。在CSS中,我们通常使用浮动(float)、定位(position)、显示模式(display)相关属性结合使用,以达到预期效果。 一  文档流  文档流就是HTML文档内所有元素按照一定规律排列并显示的形式。  CSS文档流大致可以分为3种:标准流,浮动流,定位流。   1,标准流  默认情况下,HTML元素都在标准流中呈现和展示。我们之前把元素分为块级元素,行内元素,行内块级元素,他们的特性是块级独占一行,行内和行内块级可以在一行内共存,这些特性都是针对标准流的。总结一下就是,标准流中元素只能在水平或垂直方向上排版。如果元素是块级元素,那么就会垂直排版,如果元素是行内元素/行内块级元素,那么就会水平排版。   2,浮动流  浮动流只有一种排版方式,就是水平排版。它只能设置某个元素在父元素内左对齐或者右对齐。设置了浮动的元素,将脱离标准流,之后它将无视元素的display属性,并...
开发笔记 开发笔记·2020-03-09
首页上一页...116117118119120下一页尾页