布局所涉及的技术非常很多，足以另写单独的一本书了。在本节中主要介绍网站中最常用的布局方案，包括区块框居中、两列浮动、三列浮动及多列浮动的区块框。 1 居中设计 区块框居中的设计是在网页布局中常用的技术，例如将网页内的主体内容设置为一定的宽度，然后在页面内居中占据屏幕的一部分显示，而不是横跨整个屏幕宽 ...
分类：
Web程序 时间：
2019-12-13 09:39:32
阅读次数：
105
虽然使用绝对定位可以实现页面布局，但由于调整某个盒子模型时其他盒子模型的位置并不会跟着改变，所以并不是布局的首选方式。而使用浮动的盒子模型可以向左或向右移动，直到它的外边缘碰到包含它的盒子模型边框或另一个浮动盒子模型的边框为止。并且由于浮动的盒子模型不在文档的普通流中，所以文档的普通流中的盒子模型表 ...
分类：
Web程序 时间：
2019-12-11 09:30:40
阅读次数：
119
文档流指的是元素排版时，会自动从左往右，从上往下的流式排列方式。元素分为两类默认独占一行，不能与其他元素并列，可以容纳内联元素和其他块元素，可以设置高和宽，如果不设置宽，则默认设置宽度为父级的100%如：div dl dt dd h1~h6 ul li ol tr td hr p pre等 （2）行... ...
分类：
其他好文 时间：
2019-12-10 00:48:15
阅读次数：
87
效果图 发布评论 发布评论的入口在图书详情页面，点击 写评论 按钮之后跳转到发布评论页面。 布局比较简单了，目前还没有添加图片评论功能，也没有子评论功能，所以伪代码就比较简单了： 这里为了实现功能，页面美化暂时做的还不够好，所以 也不叫简单，伪代码如下： 在发布评论的时候，我们需要经判断用户的输入内 ...
分类：
微信 时间：
2019-12-04 23:32:40
阅读次数：
187
定义一个404页面 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>404</title></head><body> 页面不存在 <div><a href="/">点击回到首页</a></div></body>< ...
分类：
其他好文 时间：
2019-12-03 23:38:28
阅读次数：
95
很长一段时间没有写静态页面布局，很多东西都开始模糊了，趁着最近做了一个小项目，把一些静态页面布局的知识简单梳理一下，加深自己的印象 一、流式布局——flex布局 1.流式布局的特征 （1）宽度自适应，高度固定，但是不是百分百还原设计图 （2）图标和字体的大小都是固定的，并不是所有的东西都是自适应的 ...
分类：
移动开发 时间：
2019-11-23 21:52:56
阅读次数：
73
html平时常见的块元素有：div,p,h1,h2,h3等，内联元素有：span,a,img等。块元素的属性：无论内容是什么，都会独占一整行。主要用于页面布局。内联元素的属性：只占自身大小的元素，不会占用一行。主要用于选中文本设置样式。div块元素仅仅只用于进行页面布局，它自身不带任何默认样式。span内联元素可以用来选中文本设置文本的样式，其自身不会带默认样式。一般情况下，只使用块元素包含内联元
分类：
Web程序 时间：
2019-11-17 12:52:04
阅读次数：
80
css :cascading Style sheets 层叠样式表 是用于控制页面布局和样式的 css好处:功能强大,将html页面和样式进行分离 降低耦合度,开发效率更高 css和htnl使用 1内联样式<div style = "color="red"></div> //不推荐 2内部样式 -- ...
分类：
Web程序 时间：
2019-11-17 12:21:33
阅读次数：
86
HTML是前端页面布局中的重要组成部分，如何编写出符合W3C规范的代码一直是前端工程师关注的问题。 ...
分类：
Web程序 时间：
2019-11-17 01:54:18
阅读次数：
137
原文出自：https://www.pandashen.com 页面布局 首先，我们需要实现页面布局，在根目录创建 index.html 布局中我们需要有一个 video 多媒体标签引入我们的本地视频，添加输入弹幕的输入框、确认发送的按钮、颜色选择器、字体大小滑动条，创建一个 style.css 来调 ...
分类：
Web程序 时间：
2019-11-10 19:32:17
阅读次数：
91
