样式与长度颜色 1、基本样式 2、长度 px:像素(pixel),屏幕上显示的最小单位,用于网页设计,直观方便 mm:毫米 cm:厘米 in:英寸 pt:点(point),一个标准的长度单位,1pt=1/72in,用于印刷业,非常简单易用; em:相当长度,通常1em=16px,应用于流式布局 px ...
分类:
其他好文 时间:
2018-09-28 20:51:39
阅读次数:
145
高级布局:文档流、浮动布局、流式布局、定位布局、flex布局、响应布局 一、文档流 1、什么是文档流 将窗体自上而下分成一行一行,块级元素从上至下、行内元素在每行中从左至右的顺序依次排放元素 2、本质 文档流本质是 nomal flow (普通流、常规流) 3、BFC(Block Formattin ...
分类:
其他好文 时间:
2018-09-27 17:06:40
阅读次数:
258
样式与长度颜色 1、基本样式 2、长度 px:像素(pixel),屏幕上显示的最小单位,用于网页设计,直观方便 mm:毫米 cm:厘米 in:英寸 pt:点(point),一个标准的长度单位,1pt=1/72in,用于印刷业,非常简单易用; em:相当长度,通常1em=16px,应用于流式布局 3、 ...
分类:
其他好文 时间:
2018-09-20 18:50:45
阅读次数:
150
一、静态布局(static layout) 即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点 不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚 ...
分类:
其他好文 时间:
2018-09-07 20:16:05
阅读次数:
219
实现的目标: 因为在滚动框中含有很多个Java GUI 组件,因此这里采用JPanel面板包住这些组件,在用JScrollPane实现滚动 问题1:布局揉在一起 JPanel有自己默认的布局方式,因此在这里我们要自己设置流式布局 问题2:滚动条未生效 刚开始的时候我是直接设置JPanel的大小 se ...
分类:
编程语言 时间:
2018-09-06 21:33:51
阅读次数:
227
浮动元素特性: 脱离文档流、具有块特性。 应用: 流式布局、自适应宽度、清除多余空隙。 (对于很多插件而言,浮动是个好特性) 缺点: 影响到其后元素布局及其包裹层高度。 (可能出现的结果是布局乱、元素高度获取不准确和重叠现象) 清除浮动: 1.浮层加宽度和overflow属性 (缺点是限制了子层元素 ...
分类:
其他好文 时间:
2018-08-06 21:07:36
阅读次数:
126
一、导航条模板(官方文档) 二、分析导航条模板结构 ①navbar导航模块 ,类navbar-default 表示默认样式(灰白),还可以是navbar-inverse(反色,黑白),两种主题 ②container-fluid 表示的是导航的内容容器是流式布局,如果设置成container就是响应式 ...
分类:
其他好文 时间:
2018-07-22 11:20:47
阅读次数:
197
五种布局: 流式布局(FlowLayout)边界布局(borderLayout)网格布局(GridLayout) 常用的三种 卡片布局(CardLayout)网格包布局(GridBagLayout)不常用的两种 流式布局(FlowLayout)边界布局(borderLayout)网格布局(GridL ...
分类:
编程语言 时间:
2018-07-20 12:33:16
阅读次数:
151
一、几种常用的布局方式? 1、固定布局 宽度,高度固定,页面被一个固定网页包裹,容器不能移动,页面的宽高不随页面的变化而变化,固定页面是目前布局的主流方式,这样布局设计简单,更容易定义,但是由于屏幕尺寸的不同,特别是移动端各个设备的不同,这种布局在灵活性方式可用度不高。 2、流式布局 流式布局以百分 ...
分类:
其他好文 时间:
2018-07-18 11:51:47
阅读次数:
121
/*文章中用到的代码只是一部分,需要源码的可通过邮箱联系我 1978702969@qq.com*/ 在上篇博客中提到了JAVA图形界面开发时的两种布局,流式布局和边框布局。 在实际使用中可能会发现,往容器中添加组件往往并不能得到想要的结果。比如想上下对齐两个组件,而流式布局是从左到右的,此时就很难实 ...
分类:
编程语言 时间:
2018-07-02 01:15:58
阅读次数:
375