PC网页布局方式

PC网页布局方式一、HTML,Js,Css是什么?HTML:负责网页的结构搭建,内容展示CSS:负责页面的修饰,样式的构建JavaScript:负责页面的交互HTML是房屋的砖墙,CSS是房屋的装修,JS就是房屋的水电二、HTML布局方式HTML布局相当于房子的不同类型完整的网页布局包含,标准流,浮动,定位三种。1.标准流(普通流/文档流)注:标准流就是按照规定默认好的方式排列1.块级元素会独占一行,从上向下顺序排列常用元素:div,hr,p,h1~h6k,ul,ol,dl,form,table2.

大家好,欢迎来到IT知识分享网。

一、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.定位

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

请添加图片描述请添加图片描述

在这里插入图片描述

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/22061.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信