11.3节介绍的不固定宽度的圆角框制作方法只适用于单色的圆角框，对于带有复杂边框的圆角框就不适用了。另外，还需要考虑一个问题，用11.3节介绍的方法制作的圆角框，尽管可以适应不同宽度，但是它里面的正文段落也承担了设置圆角框布局的任务。也就是说，圆角框中的正文并不是独立的，正文内容不能自由地设置样式。...
分类：
其他好文 时间：
2014-06-28 19:40:47
阅读次数：
238
因为不必考虑宽度变化带来的麻烦，所以制作宽度固定的圆角框比制作适应宽度的圆角框要简单很多。关键在于如何合理地使用背景图像。一、两背景图像法本例制作如图1所示的圆角框，使用两个背景图像文件，宽度固定。这种方法只适用于制作单色圆角框。本实例文件位于网页学习网CSS教程资源中“第11章\01\basic....
分类：
其他好文 时间：
2014-06-28 19:38:12
阅读次数：
549
CSS的排版是一种很新的排版理念，完全有别于传统的排版习惯。它将页面首先在整体上进行标记的分块．然后对各个块进行CSS定位，最后再在各个块中添加相应的内客。利用CSS排版的页面，更新起来十分容易，甚至连页面的拓扑结构，都可以通过修改CSS属性来重新定位。在本章中，我们将就固定宽度的网页布局进行深入的...
分类：
Web程序 时间：
2014-06-28 19:18:20
阅读次数：
210
这显然是最筒单的一种布局形式。通过这个例子，希望读者能够顺便复习前面圆角框的制作方法。实现的效果如图1所示。本案例文件位于网页学习网CSS教程资源中“第13章\1-1-1.htm”。图1 单列固定宽度的页面布局一、放置第一个圆角框先在页面中放置第一个圆角框，HTML代码如下。lodidance.co...
分类：
其他好文 时间：
2014-06-28 19:09:23
阅读次数：
217
下面以“1-2-1”布局为基础制作“1-3-1”布局。这里仍然使用浮动方式来排列横向并排的3栏，效果如图1所示。图1 “1-3-1”布局这种布局同样可以用两种方法制作，案例文件分别位于网页学习网CSS教程资源“第13章\1-3-1-absolute.htm”和“第13章\1-3-1-float.ht...
分类：
其他好文 时间：
2014-06-28 18:57:14
阅读次数：
234
ios7的UITableView实现ios6的圆角效果iOS7 UITableView做成类似iOS6风格在iOS7的时候我们会发现cell的默认线条会向右偏移，使左边空出了一些位置，这时候我们可以调用如下的方法来解决。这样我们的cell就会和iOS6前的一样铺满整个宽度了。if ([tableVi...
分类：
移动开发 时间：
2014-06-28 13:58:23
阅读次数：
260
其实这里面的多数都是iOS 上面的代码。其他平台的就没有去验证了。HTML, 从HTML文档的开始到结束排列: 让内容的宽度自适应为设备的宽度, 在做Mobile Web时必须加的一条 禁用手机号码链接(for iPhone) 设置你网页的图标, 尺寸为57X57 px 全屏启动时候的启动画面图像,...
分类：
移动开发 时间：
2014-06-24 10:46:08
阅读次数：
237
现在来制作最经常用到的“1-2-1”布局。增加了一个“side”栏。但是在通常状况下，两个div只能竖直排列。为了让content和side能够水平排列。必须把它们放到另-个div中，然后使用浮动或者绝对定位的方法，使content和side并列起来。本案例将通过两种方法制作，文件分别位于本书光盘“...
分类：
其他好文 时间：
2014-06-20 15:01:54
阅读次数：
273
下面再来实现一个"1-((1-2)+1)-1"的布局。如果读者还不清楚这种布局方式的表示方法，请阅读本章的13 .1节。本案例的最终效果如图1所示。图1 “1-((1-2)+1)-1”布局效果案例文件位于网页学习网CSS教程资源中“第13章\1-((1-2)+1)-1.html”。这个案例的HTML...
分类：
其他好文 时间：
2014-06-20 14:36:25
阅读次数：
303
“1-3-1”布局可以产生很多不同的变化方式，如下：● 三列都按比例来适应宽度；● 一列固定，其他两列按比例适应宽度；● 两列固定，其他一列适应宽度。对于后两种情况，又可以根据特殊的一列与另外两列的不同位置，产生出若干种变化。这就像武侠小说中的武功，武林秘籍中的招数总是有限的．而实战中的变化则是无穷...
分类：
其他好文 时间：
2014-06-20 14:35:02
阅读次数：
291
