移动应用开发中自适应布局是非常重要的,因为不同设备分辨率不一样,大小也不一样,不采用自适应布局在不同的设备中显示会出现各种问题能够起到自适应布局的方法CSS3中的自适应布局百分比布局法:即大小,位置,边距等用百分比来限制,能够在不同的设备中占据总体的布局一致webkit-box结合-webkit-b...
分类:
移动开发 时间:
2015-12-08 15:58:42
阅读次数:
4495
1 css3中的设置圆角border-radiues: px;-webkit- 谷歌-o- 欧朋-moz- 火狐2 阴影设置box-shadow: px px px 颜色; x轴 y轴 阴影大小3 雪碧图background-position: x轴坐标 Y轴坐标4 图片...
分类:
Web程序 时间:
2015-12-07 00:27:08
阅读次数:
138
关于css中的单位大家都知道在css中的单位,一般都包括有px,%,em等单位,另外css3新增加一个单位rem。其中px,%等单位平时在传统布局当中使用的比较频繁,大家也比较熟悉,不过px单位在进行自适应布局的过程当中则会有些力不从心,大部分的解决方案是使用%为单位配合@media媒介查询来进行自...
分类:
其他好文 时间:
2015-12-03 19:07:55
阅读次数:
3566
圆角效果:border-radius使用方法:border-radius:10px;/*所有角都使用半径为10px的圆角*/border-radius:5px4px3px2px;/*四个半径值分别是左上角、右上角、右下角和左下角,顺时针*/border-radius的值不仅能用px单位,你还可以用百分比或者em,但兼容性目前还不太好。实心上半..
分类:
其他好文 时间:
2015-12-03 17:17:11
阅读次数:
151
关于居中,你会想到什么?div{margin: auto;}常见的居中方法水平居中.demo{ text-align: center; margin: auto; position: absolute; left: 50%; margin-left: -?px;...
分类:
Web程序 时间:
2015-12-03 00:20:13
阅读次数:
250
1 px和emcss 中最常用的度量单位就是px 了,那么em 被定义为相对于当前对象内文本的字体大小。炒个栗子,如果你给body小哥设置了font-size字体大小,那么body小哥的任何子元素的1em就是等于body设置的font-size。 1 2 Test 3 1 body {2 ...
分类:
Web程序 时间:
2015-12-02 14:21:46
阅读次数:
169
var sizeLength = "${list.size()}"; if(sizeLength==''){ sizeLength=0; } sizeLength=400*sizeLength+200+"px;"; siz...
分类:
Web程序 时间:
2015-11-30 17:59:07
阅读次数:
120
前言第四章主要讲了网页开发中的 长度单位以及表示颜色的值,重点应该关注的是em和px的区别,但是感觉熟知这个知识点已经很久了,所以姑且先不去梳理,倒是这章提到的WEB安全色有点吸引眼球,很久以前就见过这个概念,一直没去搞懂,所以今天就来粗浅的研究研究!一.什么是WEB安全色所谓"WEB安全"颜色是指...
分类:
Web程序 时间:
2015-11-29 18:03:38
阅读次数:
160
2015-11-2806:06:40概念都是CSS单位。px:像素 Pixel。像素 (计算机屏幕上的一个点)em:1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。 例如,如果某元素以 12pt 显示,那么 2em 是24pt。 如未人为设置字体尺寸,那么1em=16px这个所有浏览器...
分类:
其他好文 时间:
2015-11-28 06:36:15
阅读次数:
187
px(pixel)像素,即屏幕上的显示点;in(inch)英寸,每英寸=2.54厘米,我们常说的几寸的手机,指的就是手机屏幕对角线是几英寸;dpi(dots per inch)每英寸的像素个数, 320x480的屏幕,如果宽为1英寸,则横向dpi是320/1(宽);如果高为1.5,则纵向dpi是 4...
分类:
其他好文 时间:
2015-11-25 00:24:15
阅读次数:
134