圣杯布局与双飞翼布局的区别： 圣杯布局（两边定宽，中间自适应的另一种实现方式，这两种方式在结构的书写上还是有不一样的），主要是用相对定位与浮动和padding实现。 实现两边定宽，中间自适应，主要是通过浮动与margin实现，代码如下： 效果如下： ...
分类：
Web程序 时间：
2019-06-07 21:14:56
阅读次数：
159
圣杯布局（Holy Grail Layout）指的是一种最常见的网站布局。页面从上到下，分成三个部分：头部（header），躯干（body），尾部（footer）。其中躯干又水平分成三栏，从左到右为：导航、主栏、副栏。 圣杯布局也可以做成以下几种布局方式： 1.固定宽度布局：为网页设置一个固定的宽度 ...
分类：
Web程序 时间：
2019-06-07 19:12:37
阅读次数：
174
响应式布局是一个网站能够兼容多个终端 而不是为每个终端做一个特定的版本 @media all(用于所有的设备) || screen (用于电脑屏幕,平板电脑,智能手机等) and|not|only(三个关键字可以选) 1.meta 标签 最简单的处理方式是加上一个 meta 标签 其中，width ...
分类：
Web程序 时间：
2019-06-07 11:24:50
阅读次数：
135
我的主要参考资料是[Object object]的文章 float 布局应该是目前各大网站用的最多的一种布局方式了，但是也特别复杂，这里详细讲一下 首先，什么是浮动？ 浮动元素是脱离文档流的，但不脱离文本流，这是什么意思呢，用过 word 的应该知道有一种图片环绕的方式是文字环绕吧，就是这种效果。 ...
分类：
Web程序 时间：
2019-06-07 00:54:24
阅读次数：
194
我们做一个简单的网站布局，代码如下： 输出： 这是一张整体的表格，使用了最新的HTML5语义，第一行和第四行分别跨度了三列，这里用colspan="3"来限制，而第二行的“搜索框”占用了两列的位置，用colspan="2"控制； align="center"是对表格内文字的对齐限制，center表示 ...
分类：
Web程序 时间：
2019-06-06 14:11:35
阅读次数：
123
早期时候我们左网站布局的使用表格(table)，然后使用浮动(float)、 定位(position)和内联块(inline-block)，但所有这些方法本质上来讲都是hacks，存留了很多需要实现的重要功能问题(例如，垂直居中)。 display:flex和display:box都可用于弹性布局， ...
分类：
Web程序 时间：
2019-06-06 13:52:12
阅读次数：
162
原因通常就是你的元素浮动了，最好设置个最小宽度min-width:具体宽度值 px;，如果你需要自适应，用media查询 有些地方不写死的话可以用min-width和max-width来限制一下。不然你父容器用百分比设置宽度，而子元素用固定的px设置宽度，当你父容器缩小到一定程度的时候肯定容不下固定 ...
分类：
Web程序 时间：
2019-06-03 14:19:22
阅读次数：
181
css的一些内容复习 网页布局都涉及到了浮动，但是浮动会造成父标签塌陷，如何解决浮动带来的影响呢？ 剩下的css内容的补充 JavaScript的语法学习 1.JavaScript和Java的关系 所以不要错认为JavaScript和Java有某种关系 2.JavaScript的注释 注释是代码之母 ...
分类：
编程语言 时间：
2019-06-01 16:36:58
阅读次数：
106
1、流动模型 流动（Flow）是默认的网页布局模式。 特征： 1、块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认情况下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。 2、在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。 2、浮动模型 如 ...
分类：
Web程序 时间：
2019-05-31 16:19:55
阅读次数：
108
