PC网页布局方式

一、HTML，Js,Css是什么？

HTML：负责网页的结构搭建，内容展示
CSS：负责页面的修饰，样式的构建
JavaScript：负责页面的交互

HTML是房屋的砖墙，CSS是房屋的装修，JS就是房屋的水电

二、HTML布局方式

HTML布局相当于房子的不同类型

完整的网页布局包含，标准流，浮动，定位三种。

1.标准流(普通流/文档流)

盒子上下排列或者左右排列，垂直的块级盒子显示
注：标准流就是按照规定默认好的方式排列

1.块级元素会独占一行，从上向下顺序排列
常用元素：div,hr,p,h1~h6k,ul,ol,dl,form,table

2.行内元素会按照顺序，从左到右顺讯排列，碰到父元素边缘则自动换行。
常用元素：span，a,i,em等

2.浮动

可以让多个块级元素一行显示或者左右对齐盒子，多个块级盒子水平显示就使用浮动布局

3.定位

定位最大的特点就是有层叠概念，可以让多个盒子前后叠压显示。如果元素自由在某个盒子内移动就用定位布局