在android安排控件布局时,padding和margin经常被用到。其具体解释可以通过一张图展现,如下,两个属性表示的意义与web编程相同。深入理解:padding约束的是控件或布局显示的内容距离边框的距离,沿垂直边框向内压缩,padding越大,内容显示控件越小;margin这是沿垂直边框向外...
分类:
移动开发 时间:
2014-05-09 18:51:39
阅读次数:
474
1、 使用table 布局,align="center"2、
尽量不要用padding-left,padding-right样式;3、 CSS的浮动定位;4、 不要用锚标记,EDM中会失效;5、
css样式表不要使用外联式,尽量写入代码行中,不要使用滤镜和任何js脚本6、 通常图片的高和宽都使用wi...
分类:
其他好文 时间:
2014-05-09 18:23:23
阅读次数:
332
一、各种元素的width height margin padding
特性(具体css元素的分来参看二)1.块级元素width、 height、 margin的四个方向、
padding的四个方向都正常显示,遵循标准的css盒模型。例如:div2.行内替换元素width、 height、 margi...
分类:
Web程序 时间:
2014-05-08 14:52:57
阅读次数:
545
一、水平居中 1、行内元素的水平居中方法
给父元素设置一个text-align:centent。 2、确定宽度的块级元素水平居中 设置外边距,margin:0auto; 3、负外边距
创建一个包含居中元素的容器,然后将...
分类:
Web程序 时间:
2014-05-07 17:26:48
阅读次数:
496
1、文本框获得(失去)焦点
当文本框获得输入焦点时,将该文本框高亮显示,算不得一个应用,只是一个小技巧,可以提高用户体验。
body{
font:normal 12px/17px Arial;
}
div{
padding:2px;
}
input, textarea {
width: 12em;
border: 1px solid #888;
}
.f...
分类:
Web程序 时间:
2014-05-03 17:00:57
阅读次数:
456
display:block就是将元素显示为块级元素.block元素的特点是: 总是在新行上开始;
高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。
display:inline就是将元素显示为行内元素. inlin...
分类:
其他好文 时间:
2014-05-01 16:08:00
阅读次数:
486
inline-block可以定义元素为行内块级元素,即既具有行内元素同占一行的特点,又具有块级元素的box模型。但是IE67和其他浏览器的支持差别比较大:1、行内元素使用inline-block变成"行内块级元素"。
行内元素直接inline-block即可,浏览器都识别,只是IE67中元素彼此之....
分类:
其他好文 时间:
2014-05-01 08:53:47
阅读次数:
297
今天不在状态,五一快到了,俺就特想玩了。好了,天色已晚,闲话不多说,看下用javaScript
实现的图片自动轮换效果,先看图片
下面是具体的代码,还是比较简单的。
越狱的囚徒
.content{
border:3px solid red;
padding:3px;
width:500px;
height:245px;
position:relative;
}
...
分类:
Web程序 时间:
2014-04-30 22:24:38
阅读次数:
358
CSS盒子占据面积的大小一共是边距(margin)+边框(border)+填白(padding)+宽度(width)。所以当你设置width:200px;border:1px
xx xx;的时候,实际的这个DIV的width最大值还是200.只是DIV的实际占据页面的宽度是:1(左边框)+200(w...
分类:
Web程序 时间:
2014-04-29 17:40:19
阅读次数:
541
* {
margin:0;
padding:0;
}
html,
body,
#box {
height:100%;
font:small/1.5 "宋体", serif;
}
body {
text-align:center;
}
#box {
text-align:left;
background:#666;
display:table;
wi...
分类:
Web程序 时间:
2014-04-29 13:36:20
阅读次数:
469