推荐阅读
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拍摄的这张大峡谷国家公园的照片中,正是那一束阳光成就了这幅作品。 提示:做一个暴风猎人。如果你想在风光摄影上有所成就,最好在坏天气中取得成功。没有什么比一个万里无云的完美天气更乏味的了。 牛仔,内华达州
最新发布
CDR轮廓宽度设置外框粗细
CDR怎么给对象设置粗细,只要你了解轮廓宽度的设置,一切问题就解决了。下面我们要介绍一下设置的过程:1、轮廓宽度指的是设置对象的轮廓宽度。简单一点就是边框的粗细设置。2、比如选中那个小椭圆,点击轮廓宽度设置,点击小三角形,进入设置2mm。3、你会发现明显外框变粗了。选下面的椭圆4mm。你会发现外框更粗了。4、如果不想在外框。就点击轮廓宽度设置无,那图形就没有外框了。
AICC镜像工具的介绍
AICC镜像工具的介绍,它可以把对象反过来,也可以复制反过来的对象。详细介绍请阅读一下过程:1、镜像工具分为水平镜像与垂直镜像二种,它与旋转工具放在一组。意思是将对象反过来。2、选中对象,点击镜像工具,按Enter键。弹出镜像对话框。你可以选择水平方式,点击确定。3、也可以设置垂直方式进行镜像。这个你要多设置一下。4、以下是垂直镜像的结果。5、如果进行镜像有复制呢,那就要设置镜像的方式,点击复制。
CDR的创建边界怎么使用
CDR的创建边界怎么使用,它就是把所有对象的边框进行,新的合并起来而以,详细的介绍请阅读以下内容文章。1、创建边界是指创建一个围绕着所选对象的新对象。要怎么使用呢。2、选中所有对象,点击创建边界功能。3、你就会发现,在所有的原对象不变的情况下,就多出来一个新的边界图形。都是以所有对象最外部边的结合。4、另一种方法,也是一样,选所有对象,点击排列菜单,点击造形里面的创建边界功能。5、你就会发现,在所有的原对象不变的情况下,就多出来一个新的边界图形。
AICC宽度工具Shift+w的介绍
怎么设置不同的外框样式。那就要用到AICC宽度工具了,详细要阅读以下的介绍过程:1、宽度工具(Shift+w)是设置描边的宽度样式。2、比如我们给矩形的描边可以设置椭圆的宽度。3、当我们设置了四条边的样式营宽度后,描边属性也会跟着变。4、当然描边样式也有系统自带的。我们可以设置一个看看。5、发现效果跟设置的一样。
AICC旋转工具所有技巧介绍
怎么旋转对象呢,还要旋转指定的角度要怎么办,下面我们来介绍一下旋转工具所有技巧过程:1、旋转工具是用来旋转对象用的,2、绘制一个矩形,点击旋转工具,就可以进行旋转了。3、也可以把中心点移到边上去。4、再旋转时,矩形就是以边旋转了。5、如果设置指定的角度呢,选中矩形,点击旋转工具,按一下Enter键。弹出旋转对话框。就可以设置想要的角度了。
cdr画圆怎么看不见
1、打开CDR软件,新建空白文档,点击椭圆形工具。2、然后绘制一个正圆出来,效果如下:3、然后发现看不到圆,这是为什么呢。4、右击一下CMYK的调色板。选择图形,点击确定。5、然后再画圆就能看到了。
