这篇文章总结一下块级元素和行内元素的区别，有落下的随时补充。一、块级元素 , , , , 等等都是块级元素。它们都有以下特点：如果不为其设定宽度，会自动占满父容器的宽度。如果不为其设定高度，会自适应它的子元素的高度（前提是没有为其设定浮动或定位）。可以为其设定外边距和内边距。默认情况下会在垂直方向....
分类：
其他好文 时间：
2015-08-16 18:16:44
阅读次数：
104
我们都知道padding是为块级元素设置内边距但是在使用过程中，我们却会遇到一些问题。padding的标准盒模型和怪异盒模型padding盒子模型我们通过demo来讲这个问题，用文字干讲第一没意思，第二讲不明白标准盒模型：我们先摆出HTML和CSS代码：1 2 ...
分类：
其他好文 时间：
2015-08-15 01:33:06
阅读次数：
116
如何使用CSS给图片添加双边框效果:给图片添加双边框也在实际使用中也有许多应用，可能并不频繁，在这里简单介绍一下如何实现此种效果，借以对CSS一些属性的应用加以熟练。先看一段代码实例:蚂蚁部落以上代码通过为设定标签的边框和内边距来实现此效果。特别说明一下，很多初学者往往认为是一个类似于文字一样的内容...
分类：
Web程序 时间：
2015-08-12 06:37:52
阅读次数：
103
盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下：margin:10px 15px 12px 14px;/*上设置为10px、右设置为15...
分类：
Web程序 时间：
2015-08-11 18:27:56
阅读次数：
117
1、盒子模型： 标准盒模型：在现代浏览器标准模式下使用的盒子模型。 width，height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容分区域的尺寸，但是会增加元素框的总尺寸。假设框的每个边有10px的外边距和5px的内边距，如果希望这个框达到100px宽，就需要将内容...
分类：
其他好文 时间：
2015-08-10 13:33:03
阅读次数：
109
在列容器中，根据不同的列数，子元素可设置类 ui-block-a|b|c|d|e。这些列将依次并排浮动。网格中的列是等宽的（总宽是 100%），无边框、背景、外边距或内边距。例：对于 ui-grid-a 类（两列布局），您必须规定两个子元素 ui-block-a 和 ui-block-b。对于 ui...
分类：
Web程序 时间：
2015-08-09 22:20:16
阅读次数：
188
UIButton是一个常用控件，使用方法十分基本，但是有很多技巧常常不被注意，本文主要介绍UIButton的一些较高级技巧，用于实现图片和标签显示的美观性等。
开发时常常碰到按钮的下侧或者右侧有标题的情况，如下图所示：
左侧的是上下结构，右侧的是左右结构，要实现这两种显示，有两种方法。
【按钮的内部控件】
首先我们要了解按钮内部有imageView和titleLabel两个控...
分类：
其他好文 时间：
2015-08-06 00:34:14
阅读次数：
106
浮动后父容器高度自适应当一个容器内元素都浮动后，它将高度将不会随着内部元素高度的增加而增加，所以造成内容元素的显示超出了容器。为了便于查看效果，把刚才实例中的#layout增加一个边框和内边距：#layout { width:400px; border:2px solid #ccc; padding...
分类：
其他好文 时间：
2015-08-04 22:33:34
阅读次数：
157
一、背景与前景1.背景：2.前景字体：（二）边界和边框border（表格边框、样式等）、margin（表外间距）。padding（内容与单元格间距）。margin(外边距)对自身不会有变化，padding（内边距) 本身放大，对别的没用（三）列表与方块width、height、（top、bottom...
分类：
Web程序 时间：
2015-08-03 18:34:01
阅读次数：
120
1、简单的写一个外部样式表的例子，了解CSS的基本结构以及优点。 这是标题 1这是标题 2这是段落这个段落设置了内边距。body { background-image: url(/f:/pic.gif); background-repeat: no-repeat; back...
分类：
Web程序 时间：
2015-07-29 21:08:17
阅读次数：
135
