推荐阅读
DivCSS布局实例：三行单列 中间自适应 上下固定高度
CSS布局：三行单列，上下固定高度，中间自适应，且内容垂直居中。 firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 测试通过。 对于非ie内核浏览器，通过设定display:table、display:table-row和display:table-cell来模拟表格的表现形式。 最外层#box { display:table; }，高度100%，其子层#header/#main/#footer为{ display:table-row; }，因此可以模拟表格的行效果，上下定高，则中间不定高的层自适应高度。 #wrap层为{ display:table-cell; }模拟单元格，因此可以设定{ vertical-align:middle; }，垂直居中。 由于Win IE不支持{ display:table; }，因此，只能采取定位的方式实现。<!--[if IE]>内是针对ie的设定。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>DivCSS布局实例：三行单列 上下固定高度 中间自适应</title> <style type="text/css"> * { 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; width:80%; margin:0 auto; position:relative; } #box > div { display:table-row; } #header, #footer { background:#fcc; height:50px; } #main { background:#ccf; } #main #wrap { display:table-cell; background:#ffc; vertical-align:middle; } #text { text-align:center; } </style> <!--[if IE]> <style type="text/css"> #header, #footer { width:100%; z-index:3; position:absolute; } #footer { bottom:0; } #main { height:100%; z-index:1; position:relative; } #main #wrap { position:absolute; top:50%; width:100%; text-align:left; } #main #text { position:relative; width:100%; top:-50%; background:#ccc; } </style> <![endif]--> </head> <body> <div id="box"> <div id="header">header</div> <div id="main"> <div id="wrap"> <div id="text"> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> </div> </div> </div> <div id="footer">footer</div> </div> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
自拍达人支招：5个细节让你的自拍照更迷人
看着网络上各种各样的美女自拍照，再看看自己怎么拍怎么不好看的自拍照，除了羡慕嫉妒恨，你是否还有几分懊恼?别急，并不是她们的相机比你好，而是你没有抓住自拍的要点。自拍达人支招，想要让自拍照更美，首先要有一款够强大的手机自拍软件，比如美图秀秀团队推出的手机自拍神器 “美颜相机”，其次就是要抓好自拍的细节了，5个自拍小细节助你打造迷人自拍照，爱美的MM火速围观吧! 一.找好视线 手机自拍照，视线很重要。为什么很多女生明明脸不小，但一上镜脸就瞬间小好多呢?原因之一就是她们找对了视线!那么视线要怎么看呢?自拍达人支招：让视线跟手机在一条直线上，头轻轻歪一下，心机小脸就这么打造成功啦! 图1 二.选对角度 角度对自拍照的重要性就不需要多说了，能360度无死角的人并不多，所以选对角度才是关键!自拍达人支招：自拍时，向上45度角是最佳的姿势，而且一般人的左脸会比右脸好看哦! 图2 三.表情到位 其实，自拍时的表情也不需要多夸张，多创意，自然是最好的，别人看着舒服你自己摆起来也觉得习惯。自拍达人支招：楚楚可怜、卖萌、搞怪……总是表情一定要自然，但如果你真实不知道如何摆表情，那就跟往常一样，天然呆天然萌就行，不需要硬学别人的自拍表情，那样反而容易弄巧成拙。 图3
国家地理教你轻松拍摄漂亮照片：用光
圣·马丁渠，巴黎 光是摄影中最重要的元素，没有之一。没有了光，摄影师与相机都无法看到这个世界。但光线并不仅是用来记录影像的工具。Gordon Gahan的这张照片展示了光的力量——即使是最普通的混凝土隧道场景，也能成为美丽的摄影作品。 提示：拍摄光束时，最好将其他部分欠曝，以保证光线本身的过渡和细节。 内蒙古，中国 在James Stanfield这种充满爱的作品中，光线给这一刻增加了温暖亲情的感觉。场景中金色的柔和的光线，使观众的目光从孩子，转移到母亲，直到门外的动物。 提示：逆光拍摄，可以给头发、衣服或其他细节增加光晕效果。逆光拍摄时最好欠曝，以保留高光区细节。 大峡谷国家公园，亚利桑那州 糟糕的天气产生好的照片。最好的坏天气是暴风，往往会有穿过云层的太阳，照亮着场景中的一处。在Michael Nichols拍摄的这张大峡谷国家公园的照片中，正是那一束阳光成就了这幅作品。 提示：做一个暴风猎人。如果你想在风光摄影上有所成就，最好在坏天气中取得成功。没有什么比一个万里无云的完美天气更乏味的了。 牛仔，内华达州
最新发布
AICC制作音乐播放器APP图标教程
1、打开AI软件，使用椭圆工具绘制二个圆形出来，做播放器的外框，效果如下： 2、点击钢笔工具，绘制钢笔工具，绘制音乐符号出来。效果如下： 3、然后就用形状生成器生成出来音乐符号。 4、然后使用直接选择工具，进行倒圆角处理。
AICC设计查找图标教程
下面给大家介绍的AICC设计查找图标教程，喜欢的朋友可以一起学习做一做，绘一绘哦。效果图：1、打开软件后，先绘制一个圆形出来，进行偏移出来，效果如下： 2、然后同样的方法，进行偏移路径出来。效果如下： 3、然后使用钢笔工具，绘制下面图形出来，效果如下：
AICC绘制打印机图案教程
下面给大家介绍的是AICC绘制打印机图案教程，喜欢的朋友可以一起来做一做哦！转载请写明出处。效果：第1步、点击圆角矩形工具，绘制一个带圆角的正方形出来。效果如下： 第2步、点击钢笔工具或是P键，绘制下面的图形效果如下： 第3步、然后对锚点进行倒圆角处理。效果如下：
AICC设计固定资产图标教程
下面给大家介绍的是AICC设计固定资产图标教程，喜欢的朋友可以一起来做一做，转载的朋友请标明原创出处。效果：第1步、点击圆角矩形工具，绘制一个圆角矩形。效果如下： 第2步、再使用椭圆工具，绘制三个椭圆出来。效果如下： 第3步、选择下面二个椭圆，点击形状生成器进行图形生成。效果如下：
AI制作会议费图标教程
下面给大家介绍的是AI制作会议费图标教程，喜欢的朋友可以一起来学习哦，使用矩形与圆形工具绘制就可以了。效果图：第1步、点击圆角矩形工具，绘制一个圆角矩形出来。有什么问题请加微信号：rjzxwp 第2步、然后使用圆角矩形工具，绘制下面的图形出来。像一个黑板，效果如下： 第3步、然后使用形状生成器进行生成。生成的效果如下：
AI绘制房屋租售图标教程
效果图：第1步、点击椭圆工具，绘制一个黄色填充的正圆出来。有什么问题可以加彭老师微信：rjzxwp 第2步、然后使用钢笔工具P绘制下面房子的图案出来。 第3步、然后用直线选择工具，选择上面的锚点，进行倒圆角出来。
AI绘制二手市场图标教程
下面给大家介绍的是AI绘制二手市场图标教程方法，喜欢的朋友可以一起来学习哦！效果图：第1步、点击椭圆工具，绘制一个深绿色的正圆出来。效果如下： 第2步、然后使用钢笔工具，绘制下面的四边形出来。效果如下： 第3步、然后使用直接选择工具，进行四边形倒圆角处理。
AI制作精彩视频APP图标教程
下面给大家介绍的是AI制作精彩视频APP图标教程，喜欢的朋友可以一起来学习哦！效果图：第1步、点击椭圆工具，绘制下面蓝色的正圆出来。效果如下： 第2步、然后使用钢笔工具，绘制下载的视频头的图形出来。效果如下： 第3步、然后使用直接选择工具，进行倒圆角处理。效果如下：
ai怎么取消文字编组
下面给大家介绍的是ai怎么取消文字编组，喜欢的朋友可以一起来关注平面自学网学习更多的AI基础教程。第1步、打开AI软件，第2步、点击文件菜单，点击新建。第3步、设置A4大小，点击确定。第4步、然后输入“忍者神龟”四个字。第5步、然后选中文内容，点击文字菜单，点击创建轮廓。
女士短靴设计教程
第1步、先看看设计出来的女士短靴，第2步、使用钢笔工具，绘制女士短靴的外框，第3步、然后绘制女士短靴底出来。效果如下：第4步、然后再绘制女士短靴跟出来。效果如下：第5步、然后绘制女士短靴的鞋口出来。