- 博客(75)
- 资源 (7)
- 收藏
- 关注
原创 CSS教程:行高line-height属性
来源:CSDN行高的概念看上去很简单——文字行的高度,其实,行高所涉及到的基础知识,对于今后理解其它属性也很重要。大片密密麻麻的文字往往会让人觉得乏味,因此适当地调整行高(line-height)可以减低阅读的困难与枯燥,并且使页面显得美观。行高指的是文本行的基线间的距离,但是文本之间的空白距离不仅仅是行高决定的,同时也受字号的影响。 7.3.1 语法 line-height属性的具体定义列表如下
2017-01-30 20:19:04 160
原创 vi命令大全
linux下vi命令大全进入vi的命令 vi filename :打开或新建文件,并将光标置于第一行首 vi +n filename :打开文件,并将光标置于第n行首 vi + filename :打开文件,并将光标置于最后一行首 vi +/pattern filename:打开文件,并将光标置于第一个与pattern匹配的串处 vi -r filename :在上次正用vi编辑时发生系统崩溃,恢
2017-01-30 20:18:50 108
原创 PHP无限级分类:一棵树形成一个数组
$cate=array( array('id'=>1,'name'=>'html','parent'=>0), array('id'=>2,'name'=>'javascript','parent'=>0), array('id'=>3,'name'=>'div+css','parent'=>0), array('id'=>4,'name'=>'linux','parent'=>0), array
2017-01-30 20:18:45 109
原创 格式塔在页面设计中的应用
什么是格式塔? 格式塔心理学诞生于1912年,是由德国心理学家组成的研究小组试图解释人类视觉的工作原理。他们观察了许多重要的视觉现象并对它们编订了目录。其中最基础的发现是人类视觉是整体的:我们的视觉系统自动对视觉输入构建结构,并在神经系统层面上感知形状、图形和物体,而不是只看到互不相连的边、线和区域。“形状”和“图形”在德语中是Gestalt,因此这些理论也称做视觉感知的格式塔原理。最重要的格式
2017-01-30 20:18:37 305
原创 新手必学!3个拍出浅景深的技巧
Photo by ...-Wink-...我们常常可以看到一些前清后蒙的相片,特别常见于人像相片,这些相片会被称为拥有浅景深的效果,那么对于新手来说,要拍出这种吸引人的相片有什么办法呢?手头上的器材又是否足够呢?让笔者于这篇文章一一为大家解答吧!问题:我只有一支18-55mm的套装镜头,能拍出漂亮的浅景深效果吗?当然可以啦!就算只是拥有一部入门的DSLR和套装镜头,新手也绝对可以拍出漂亮浅景深!只
2017-01-30 20:18:14 165
原创 硬盘分区 整G整数法(从1g到200g最精确的整数分区)
硬盘分区 整G整数法(从1g到200g最精确的整数分区)(转)整数分区通常的算法是M=(G-1)X4+1024*G,M为分区时输入的大小.比如我们所需要的分区为10G,则(10-1)X4+1024X10,结果为10276M,实际上这种算法并不准确。 硬盘一般有255磁头,63扇区(此处待考证,一般没那么多的磁头,但后面的结果还是正确的),故每柱面大小为: 512byte x 255 x 63=
2017-01-30 20:18:00 11515
原创 中文网页设计分享之《banner设计篇》
很多同学都觉得做banner无非就是摆几张图,打几个字的事,一点技术含量都没有,像很多门户网站的banner基本上都是编辑做的。我觉得没那 么简单,其实一个banner可以研究的东西还是很多的,而且做一个banner是不难,难的是在短时间内做一个出彩的banner。专题一般都是由模板拼成的,比较重要的专题,banner部分是由设计师来完成,一个banner的品质上去了,整个专题的品质感和档次也就上
2017-01-30 20:17:38 159
原创 css透明兼容,alpha兼容
.transparent_class { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie8 */ filter:alpha(opacity=50); /* ie5-7 */ opacity: 0.5; /* css standard, currently it work
2017-01-30 20:17:27 93
原创 推荐10个加速CSS开发的框架
CSS可以做很多事情,但开发者更习惯的是变量、常量和一般的更快速的语法,而CSS本身是不支持的。本文介绍了10个CSS预处理器,让CSS支持一些简单的编程语法。1.Compass Compass是一个开源的CSS制作框架。2.CSS Cacheer 这是一个很棒的CSS预处理器,让开发者可以制作插件,要求PHP以及Apache(mod_deflate和mod_rewrite)3.CSScaff
2017-01-30 20:17:24 135
原创 IE6 position:fixed bug (固定窗口方法)
今天herb同学在twitter上问到,如何利用CSS使搜索条固定显示于窗口的某个位置。好像之前也碰过这个问题,不过,当时并没有解决,用JS有现成的方法,不过,这次要求的就是不用JS。然后,开始写代码,测试,最终,IE6下依然有问题。position:fixed;没有正常显示。 正确的代码:预览/Demo | ie6_position_fixed_bug.txt(源代码) 在别的文章中看到,
2017-01-30 20:17:16 87
原创 利用ie与标准浏览器在处理数组的tostring方法的差异判断浏览器
利用ie与标准浏览器在处理数组的tostring方法的差异,对于数组最后一个字符为逗号,标准浏览器会自动剔除它,但是ie会报错,利用这个特性可以判断浏览器是否为ie!if( -[1,] ){ alert("这不是IE浏览器!");}else{ alert("这是IE浏览器!");}
2017-01-30 20:17:14 121
原创 windows cmd.exe命令集
C:\>help有关某个命令的详细信息,请键入 HELP 命令名ASSOC 显示或修改文件扩展名关联。ATTRIB 显示或更改文件属性。BREAK 设置或清除扩展式 CTRL+C 检查。BCDEDIT 设置启动数据库中的属性以控制启动加载。CACLS 显示或修改文件的访问控制列表(ACL)。CALL
2017-01-30 20:17:03 139
原创 解决Button在IE6、7下的自适应宽度问题
很早就遇到过这么个小问题,但由于其并未影响到实际作用和美观就没有正面解决它,现在,我们来试着解决它。写一个Button,有两种方式:其一,直接button标签;其二,input type=”button”。不管哪种方式,Button的宽度在IE6、7下总是不能完美,接下来我们演示一个普通的Button,你可以用IE6或者IE7浏览器看看其显示宽度,然后对比Chrome或者IE8等浏览器,你会发现B
2017-01-30 20:16:52 87
原创 CSS巧妙实现分隔线的几种方法
前几天一@同事看新浪微博里有个类似分隔线的提示,就自己试了几种方法来实现这个分隔线。下面就是简单实现分隔线的几种方法,个人比较喜欢第二种,我也给出了最后第五种比较2的写法,请大家拍砖,或者提供其他好的方法。单个标签实现分隔线: 小小分隔线 单标签实现 .demo_line_01{ padding: 0 20px 0; margin: 20px 0; line-height:
2017-01-30 20:16:47 108
原创 摄影初级布光技巧
摄影,是光的视觉表现。所以光在摄影中起着很关键的作品。一、 正面光(也称为“顺光”) 摄影者背对光源,即由摄影机后面射来的光线,亦称顺光。因为被摄体的所有部分都沐浴在直射光中,面对相机部分到处有光,所得结果是一张缺乏影调层次的影像。 用正面光特别是高的正面光拍摄面部时,可能不好看。光位图聚光灯效果泛光灯效果二、主光+辅光 辅光是补充光照射不到的被摄物其他面的光种,以弥补光照的不足,起辅
2017-01-30 20:16:01 134
原创 jQuery ajax方式加载页面后,被加载页面的js不能执行的问题
在回调函数里注册一下事件就可以了,要么就各个函数写在被加载的页面里。$(document).ready(function() { $('content_div').hide(); $('#list_user').click(function(event){ event.preventDefault(); load_user(); });});funct
2017-01-30 20:15:29 201
原创 PHP原样输出json格式的中文字符
$str= json_encode($str);$str= preg_replace("#\\\u([0-9a-f]+)#ie", "iconv('UCS-2', 'UTF-8', pack('H4', '\\1'))", $str);echo $str;
2017-01-30 20:15:27 171
原创 设计一个你喜欢的滚动条
/* 滚动条 */html{ scrollbar-face-color:#a0a0a0; scrollbar-shadow-color:#7b7b7b; scrollbar-highlight-color:#7b7b7b; scrollbar-3dlight-color:#7b7b7b; scrollbar-darkshadow-color:#7b7b7b;crollbar-track-color
2017-01-30 20:15:19 84
原创 Jquery解决“动画积累”问题
停止当前执行的动画。语法:$("element").stop([clearQueue][,gotoEnd]);clearQueue:bool,代表是否要清空未执行的动画队列gotoEnd:bool,代表将正在执行的动画直接跳到末状态如果我们做了一个下拉菜单,当鼠标移上去的时候就菜单下拉,当鼠标离开的时候菜单上卷,下拉和上卷的动画时间都是3 秒种。[javascript:showcolumns] v
2017-01-30 20:15:13 115
原创 LazyLoad+ob_start(),完美解决图片延迟加载 [jQuery 插件]
Lazy Load是一个用户延迟加载图片的jQuery插件。再配合后台ob_start()开启页面缓冲区,就能完美的解决图片延迟加载,在没有后台配合的情况下,Lazy Load只是一个伪懒加载模式,长页面,多图时,它只能解决页面加载速度的问题,而不能解决减轻服务器压力的问题,甚至反而加重服务器压力。具体下文介绍。Lazy Load介绍Lazy Load是一个用JavaScript编写的jQuery
2017-01-30 20:14:43 145
原创 CentOS 6.1安装图解教程
CentOS 6.1安装图解教程一、说明:CentOS 6.1的安装镜像文件有两个DVD,安装系统只用到第一个镜像文件,即DVD1,另外一个镜像文件是附带的软件包。附CentOS 6.1系统镜像下载地址:32为:http://centos.ustc.edu.cn/centos/6.1/isos/i386/CentOS-6.1-i386-bin-DVD1to2.torrent64位:http://c
2017-01-30 20:14:34 379
原创 一杯清水因滴入一滴污水而变污浊,一杯污水却不会因一滴清水的存在而变清澈。
1、一杯清水因滴入一滴污水而变污浊,一杯污水却不会因一滴清水的存在而变清澈。 ?2、这世上有三样东西是别人抢不走的:一是吃进胃里的食物,二是藏在心中的梦想,三是读进大脑的书。 ?3、马在松软的土地上易失蹄,人在甜言蜜语中易摔跤。 ?4、世界没有悲剧和喜剧之分,如果你能从悲剧中走出来,那就是喜剧,如果你沉缅于喜剧之中,那它就是悲剧。 ?5、如果不读书,行万里路也不过是个邮差。 ?6、针无两头锋利,人
2017-01-30 20:14:32 329
原创 修改PHPCMS v9默认后台登录地址
1、修改admin.php文件名,并修改跳转地址写上完整路径2、修改 /phpcms/modules/admin/classes/index.php,把public function login改为自己想要的名。3、修改 /phpcms/modules/admin/classes/admin.class.php final public function check_admin() {
2017-01-30 20:14:12 183
原创 用ps快速去水印
原图1、用PS打开要去掉水印的图片。2、按快捷键M 切换到选择工具。3、按着鼠标拖动选择要去掉的水印。 4、按快捷键 Ctrl+J 把第三步选择的水印建立一个新的图层。 5、移动新建的图层可见水印图层。6、再选择图层的混保模式为颜色减淡。7、再按快捷键 Ctrl+i 把图层改为反相状态。8、移动水印图层对准底图上的水印即可完成。9、复制水印图层复盖底图的水印就可去除所有水印。10、复杂图片水印的去
2017-01-30 20:13:52 258
原创 浅谈网页设计中的构图
网页给人最直观的感受就是它的页面框架与构造,就像一座大楼的主体框架与形态,你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外 墙,但我想你一定记得起它们的什么样的形状。同样,网页设计中的构图也足以影响到整个网站给人的感受,虽然比喻并不十分恰当,但就网页其构图而言,些许的 改变和简单的创新也许就能起到事半功倍的效果,让网站给人的视觉感受耳目一新。如何将网页这座楼盖的漂亮?以下就例举一些在
2017-01-30 20:13:36 145
原创 纯CSS超过宽度显示省略号
纯CSS超过宽度显示省略号 *{ margin:0; padding:0; font-size:12px; font-family:"新宋体";} ol{ background:url(http://www.hemin.cn/blog/wp-content/uploads/2009/06/list.jpg) no-repeat left -2px;}
2017-01-30 20:11:36 93
原创 书法作品落款时间的农历传统雅称摘要
一月:孟春、初春、上春、端月、初阳、端春、孟陬、春阳、首阳、肇春; 二月:仲春、仲阳、仲钟; 三月:季春、暮春、契月、花月、晚春、嘉月、蚕月; 四月:孟夏、初夏、首夏、维夏、槐夏、余月、清和月; 五月:仲夏、超夏、榴月、蒲月; 六月:季夏、晚夏、杪夏、暑月、荷月、、极暑、且月; 七月:孟秋、初秋、少秋、新秋、肇秋、初商、兰月、凉月、相月; 八月:仲秋、仲商、桂月、壮月; 九月:季秋、暮秋、晚秋、杪
2017-01-30 20:10:43 402
原创 ie中伪类:hover的使用及bug
BLOG地址:http://www.planabc.net/article.asp?id=108:hover是我们在CSS设计中最常运用的伪类之一,许多绚丽效果的实现离不开伪类:hover,比如我们常见的纯CSS菜单、相册效果等等。或许用了这么久的伪类:hover,还有部分朋友还不完全了解hover的规则:QUOTE:在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不
2017-01-30 20:10:29 153
原创 windows 快捷键
一、常见用法:F1 显示当前程序或者windows的帮助内容。F2 当你选中一个文件的话,这意味着“重命名”F3 当你在桌面上的时候是打开“查找:所有文件” 对话框F10或ALT 激活当前程序的菜单栏windows键或CTRL+ESC 打开开始菜单CTRL+ALT+DELETE 在win9x中打开关闭程序对话框D
2017-01-30 20:10:21 108
原创 用 iframe 解决下拉框与层之冲突
我用dw做了一个下拉菜单,但是碰到form的列表项就跑到下面去了,请帮忙解决,请看问题图示如下:解决问题:由于层与下拉框之间的优先级是:下拉框 > 层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 z-index 属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下: item 1
2017-01-30 20:10:15 142
原创 无懈可击的圆角技术
要一个宽度不固定的框,事情变得有些复杂了。宽度不固定,就意味着这个框在水平和垂直方向都有足够灵活的变化。为什么说这更难一些呢?因为它需要对四张图片的合适安置——每个圆角用一张。每个圆角都要独立出来,以便框能够在各个方向伸展。于是,四张图片就意味着需要四个HTML对象来作为背景图片的载体。有一些实现办法包括在样式表中使用“生成内容”,即使用:before和:after伪类来为单独的一个对象加上多张背
2017-01-30 20:10:07 100
原创 关于浏览窗口宽度和高度的设定
我的机器中只装了IE,FireFox,Opera,所以我只测试了这几个浏览器。因为IE处理滚动条的方式跟另外两个浏览器的处理方式不太一样,所以分开说。1024分辨率下:IE:IE7:1003*590IE6:1003*596IE5.5:1003*607Maxthon(正常模式):1003*544浏览窗口的高度跟IE上边的工具栏有关系,以上的高度都是在IE的默认状态下的。Mathon有IE模式、正常模
2017-01-30 20:09:56 160
原创 安静的结构:控制页面的视觉\"分贝\" 2
下面的例子将图释如何进行图/文配对,解决阅读是否舒服、眼睛是否疲劳的问题。先看下面第一张图。在第一张图的结构中,一对单独的图/文需要你上/下不停的移动你的双眼,造成视觉上的消耗。要想浏览整组信息,还需要左/右移动你的眼睛。而上下两组信息的并排加剧了这种消耗。相反,下面第二张图的图/文配对结构允许你的眼睛停在一个平面上。几组新闻之间也不会冲突。(另:请注意两个例子在视觉复杂程度上的不同。) 网格和间
2017-01-30 20:09:48 68
原创 安静的结构:控制页面的视觉\"分贝\" 1
CNN新闻网站前段时间改版了。非著名设计顾问 andy 通过对比 CNN.com 和 USAToday.com ,谈了些自己的想法,其中不乏一些好的见解。根据本人的理解,将其中一些有用的信息做了翻译并记录如下:安静的结构在设计以内容为主的新闻类网站时,应该运用干净的结构和清晰的元素组合。直观地呈现信息是一个在线新闻站点的根本需求,为满足这种需求甚至可以牺牲一些界面视觉。外框、线条、颜色等都是结构的
2017-01-30 20:09:45 102
原创 cssquery()
cssQuery()version 2.0.2还在使用 getElementsByTagName? 哼~简介cssQuery() 是一款强大的 跨浏览器 JavaScript 脚本方法, 它能够利用“CSS 选择器”来 获取 DOM 文档。支持所有CSS1 、 CSS2 以及部分 CSS3 选择器。 用法语法elements = cssQuery(selector [, from]);其中 sel
2017-01-30 20:09:34 196
原创 用css构建iframe效果
iframe应用很普遍,通常的需求有两种:1. 获取iframe效果,就是带一个滚动条,可以省不少版面。2. 要嵌一个页面,实现框架链接。如果不方便使用iframe,可以有如下相应解决方案:1. 可以使用css布局来实现,即可以少一个页面,也可以提高执行效率。2. 可以采用xmlhttp远程获取数据。A. 直接模拟iframe用层做容器#content { overflow:auto; heigh
2017-01-30 20:09:29 92
原创 用css制作表单并体验亲和力
对于表单,很常用。但是在web standard建站的时候,他的排版往往让人遗忘,到了真正用到的时候就发现让人头疼,当然我也遇到过。我现在要介绍一个用标签制作漂亮而且具体亲和力的表单的方法。基本的xhtml:已注册用户登录 用户登录 用户名 密码 记住我 您忘记密码? 看了代码,发现标单描述文字都在中,只要让标签浮动左对齐,fi
2017-01-30 20:09:23 97
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人