好好学习 天天向上
关注
分享
扫一扫
文章平均质量分 64
wintershan
这个作者很懒，什么都没留下…
展开
-
备忘录
text-shadow:0 1px 1px rgba(255,255,255,0.75); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; ...原创 2014-04-17 16:52:11 · 122 阅读 · 0 评论 -
转来的总结CSS规范
最近领导让整理个CSS规范做个内部培训，搜了搜资料，觉得这篇文章总结得不错，既然有现成的，先摘来瞅瞅。 善用css缩写规则 /*注意上、右、下、左的书写顺序*/1. 关于边距（4边）：1px 2px 3px 4px (上、右、下、左)1px 2px 3px （省略的左等于右）...原创 2010-01-25 15:33:23 · 119 阅读 · 0 评论 -
如何用css实现圆角_CSS实现圆角解决方案(转）
导言：本文探讨的是圆角框的终极解决方案，其核心关键词是“圆滑、完美、兼容、重用性、语义”，这些技术都是收集目前网络上最流行的做法。纵观种种方法，各有其优势，请针对不同的环境分别使用。 圆角框，因为其样式比直角框漂亮，所以成为设计师心中偏爱的设计元素。现在的web标准下大量的网页、博客都采用圆角框设计，成为一道亮丽的风景线。然而，就是这个圆角，却成为了网页...原创 2010-01-14 18:22:17 · 553 阅读 · 0 评论 -
网页设计的3D元素运用25例
Yoast Sarah Longnecker Cognigen Mystery Tin Woman to Woman SEOmoz...原创 2010-01-12 22:23:54 · 175 阅读 · 0 评论 -
5种在设计中应用光线和阴影的简单技法 [转]
凡是你目光所及——光线和阴影无处不在。你看到的任何东西都反射回光线，也都或多或少产生阴影。光线和阴影帮助我们去感知我们的所见，并且帮助我们理解材质纹理、尺寸大小以及位置空间。所以，当我们试图让Web页面设计更加自然生动、栩栩如生的时候，对于光线和阴影的透彻理解就显得相当重要了。以下5种利用光线和阴影的技法让你的页面得以重塑，使它们在屏幕上变得引人注目。 光线和阴影的快速解析...原创 2010-01-12 22:14:51 · 351 阅读 · 0 评论 -
设定地址栏中显示网站图标
在线生成favicon.ico: http://www.chami.com/html-kit/services/favicon/ http://www.bitbug.net/发现还有更意思的东西地址: http://www.chami.com/html-kit/services/ 有6个在线工具FavIcon from Pics //这个就是在线生成favicon.ico图标了，提交任何...2009-02-12 14:09:27 · 121 阅读 · 0 评论 -
margin使用注意事项
注意了！经常会用到margin:0 auto，当将距离上下的margin值设为其它如margin:10px auto，若干个定义了此属性的DIV上下排列时，却常常不见了那些定义了的"10px"，原因在于在DIV里又存在别的DIV或P或其它定义了“float:left ”，这样就会引起在IE7及FF中DIV的错位显示。 还有其它有关margin使用的注意事项，陆续添加中.........2009-01-09 14:51:36 · 201 阅读 · 0 评论 -
能够根据屏幕分辨率自动调用不同CSS的JS代码
if(window.screen.width==1280){ document.write("<link href='css/default1280.css' rel='stylesheet' type='text/css'>");}if(window.screen.width==800){ document.write("<link href='css/default8...2009-01-09 14:38:13 · 548 阅读 · 0 评论 -
选项卡代码
关于选项卡的代码太多太多，但是很多都过于复杂，最近在老公的帮助下整出了一个较为精简的，发布上来与大家分享。window.onload=function(){ var dl1=document.getElementById("fra_head_ft_1"); var dl2=document.getElementById("fra_head_ft_2"); dl1.onclick=fun...2009-01-09 11:41:13 · 154 阅读 · 0 评论 -
flash对联广告代码
为了做好对联广告，从网上下过一些相关代码，都不是那么太好用，在老公的帮助下精简了JS代码，特整理出来以备将来拿来就用。（我觉得这个的好处就是可以自动适应宽屏和普屏分辨率，用不着为广告的定位费半天劲了。） function hide(){ document.getElementById('adLeft').style.visibility='hidden'; document.getEle...2009-01-09 11:31:52 · 136 阅读 · 0 评论 -
滚动消息的代码
在制作滚动消息时总是遇到这样那样的问题，今天整理归纳一下，以备将来直接使用。<DIV class="box"> <marquee scrollamount='1' scrolldelay='10' direction='up' width='180' height='173' onmouseover="this.stop()" onmouseout="this.s...2009-01-09 11:13:53 · 300 阅读 · 0 评论 -
在FLASH上层叠DIV
如何在一个已经插入SWF或IMG的DIV上再层叠一个DIV？由于对CSS定位一直学艺不精，因而被这个问题困扰了很久，今天终于悟出了解决方法，小小的为自己HIGHT一个。 比如<DIV id=topright> <script type="text/javascript">AC_FL_RunContent( 'codebase','http://downl...2009-01-07 13:20:05 · 182 阅读 · 0 评论 -
您需要了解的DIVCSS网页布局的8条面试题目
CSSer与其他IT职位一样，在找工作的时候，都会面临着面试官提出的问题，或者给出的试卷。今天52CSS.com收集了常见的8条面试题目，希望对您有所帮助。一、超链接点击过后hover样式就不出现的问题？ 被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺序: L-V-H-A二、IE6的margin双倍边距bug问题 例如：...原创 2010-01-26 10:03:31 · 223 阅读 · 0 评论 -
图片在DIV中居中
图片在DIV中永远居中 <div id="div_image_box_wrapper1"> <div id="div_image_box_wrapper2"> <div id="div_image_box"> <img src="*.jpg" /> </div>原创 2010-05-07 17:20:49 · 87 阅读 · 0 评论 -
在线loading图标生成网站
分享几个优秀的在线loading图标生成网站，方便实现。http://preloaders.net/http://www.ajaxload.info/http://www.webscriptlab.com/http://www.chimply.com/http://mentalized.net/activity-indicators/...原创 2014-07-15 11:39:32 · 2591 阅读 · 0 评论 -
好设计的20条金律
可以打破规则，但不能忽视规则。Rules can be broken-but never ignorerd.1:必须有一个概念Have a concept平面设计如果没有信息，没有观点，没有叙述，或者没有有益的经验，就不是平面设计，一件东西看起来那么漂亮都不要惊讶，如果不具有清晰的信息，它就是一个空壳，尽管他很漂亮，这就是这条规则的复杂所在。让我们继续前进吧！2:需要沟通，...原创 2014-01-27 16:46:55 · 266 阅读 · 0 评论 -
转：5个设计师应该去的优质设计分享平台 [复制链接]
http://dribbble.com/http://dribbble.com/ 非常好的原创设计分享平台，你也可以注册一个帐号关注喜欢的设计师，但是要有设计师的邀请码才能发表作品，把关比较严格，可想而知作品也不会差http://www.behance.net也是非常不错的原创设计分享平台http://www.thebestdesigns.com thebestde...原创 2012-08-28 16:16:24 · 175 阅读 · 0 评论 -
转一个关于英文自动断行问题的贴子
转自：http://maymei.ycool.com/post.1696872.html css之自动换行 自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚...原创 2011-04-08 20:18:22 · 340 阅读 · 0 评论 -
22个实用的在线配色网站
如果感觉对色彩的把握还不是很到位，如果你的设计的时候色彩的感觉不够，那么我们建议你可以尝试一下在线配色工具，这里我们整理了22个使用的在线配色网站，供大家选择。1. Colourlovers2. Colorjack3. Colorschemedesigner4. Checkmycolours5. Colorschemer6. Colorotate...原创 2010-11-22 09:21:26 · 696 阅读 · 0 评论 -
ie6png透明
var arVersion = navigator.appVersion.split("MSIE")var version = parseFloat(arVersion[1])function fixPNG(myImage){ if ((version >= 5.5) && (version < 7) && (document.bo...原创 2010-11-08 22:19:25 · 159 阅读 · 0 评论 -
div层遮盖flash(兼容浏览器)
div层遮盖flash(兼容浏览器)转自：http://www.cnblogs.com/binyong/archive/2009/03/17/1414774.html 今天测试div层和flash的交互，发现div层总是被flash层遮盖，在百度上找了一会，说是加个<paramname="wmode" value="transparent"/>...原创 2010-10-26 22:34:35 · 124 阅读 · 0 评论 -
(转)75个最佳Web设计资源，强烈推荐！
本文地址：http://www.woiweb.net/top-75-best-design-resources-of-2008.html 字体 - 60 套公司用设计字体 [Smashing Magazine]- 20 套免费手写字体与资源 [Fuel Your Creativity]- 50 套专业Web设计与印刷用字体 [Noupe]- 15 套漂亮的高质量免费字体 [...原创 2010-10-03 21:14:15 · 136 阅读 · 0 评论 -
CSS实现自动等比例缩略图的方法
完美解决自动缩略图的代码，以实现对原图的等比例收缩。代码如下：.thumbImage{ max-width:50px; max-height:50px; } *html.thumbImage{width:expression(this.width>50&&this.width>this.height?50:auto); height:expresion...原创 2010-10-02 15:30:53 · 388 阅读 · 0 评论 -
针对Google Chrome谷歌浏览器的CSS hack
所幸Google Chrome用的是与Safari一样的Webkit引擎，我们可以使用对safari相似的方式作css hack，写法为：Example Source Code@media screen and (-webkit-min-device-pixel-ratio:0) {/* 针对Google Chrome、Safari 3.0、Opera 9 的CSS样式 */}另...原创 2010-09-14 13:26:43 · 456 阅读 · 0 评论 -
解决不同浏览器窗口大小是否显示某DIV问题
解决不同浏览器窗口大小是否显示某DIV问题：<SCRIPT LANGUAGE="JavaScript">function resize(){ //document.getElementById("tiao").width=window.screen.clientWidth; //document.getElementById("tiao").style.backgrou...2010-09-12 22:57:47 · 193 阅读 · 0 评论 -
绝对定位和相对定位
前言在用CSS控制排版过程中，定位一直被人认为是一个难点，这主要是表现为很多网友在没有深入理解清楚定位的原理时，排出来的杂乱网页常让他们不知所措，而另一边一些高手则常常借助定位的强大功能做出些很酷的效果来，比如CSS相册等等，因此自己杂乱的网页与高手完美的设计形成鲜明对比，这在一定程度上打击了初学定位的网友，也在他们心目中形成这样的一种思想：当我熟练地玩转CSS定位时，我就已是高手了...原创 2009-01-06 17:23:35 · 134 阅读 · 0 评论 -
设定网页最小最大宽度和高度（兼容IE6）
/* 最小寬度 */.min_width{min-width:300px; /* sets max-width for IE */ _width:expression(document.body.clientWidth < 300 ? "300px" : "auto");}/* 最大寬度 */.max_width{ max-width:600px; ...2010-03-30 21:38:01 · 182 阅读 · 0 评论 -
20个网站学习快速掌握CSS
http://sixrevisions.com/css/20_websites_learn_master_css/ CSS can be both a tricky and easy to learn. The syntax itself is easy, but some concepts can be difficult to understand. This article featu...原创 2008-12-17 12:16:02 · 157 阅读 · 0 评论 -
对齐CSS
AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐AbsMiddle 图像的中间与同一行中最大元素的中间对齐Baseline 图像的下边缘与第一行文本的下边缘对齐Bottom 图像的下边缘与第一行文本的下边缘对齐Left 图像沿网页的左边缘对齐，文字在图像右边换行Middle图像的中间与第一行文本的下边缘对齐NotSet未设定对齐方式Right图像沿网页的右边缘对齐，文字...2008-10-07 19:52:26 · 131 阅读 · 0 评论 -
用CSS制作表头固定的表格
网页制作中，通常用表格来以行和列的方式来组织数据。可能在使用中会遇到这种情况，我们所要列出的数据很多很长。这时候，浏览起来就很不方便，察看后面数据的时候不得不经常滚动到页面的上方来看看对应的表头。 要解决这个问题，通常我们会想到使用框架或者内置框架（iframe）的方式，将表头内容放在上方的框架页面中，表格内容放在下面的框架中，这样浏览起来就比较方便了。可是，使用框架并不是很好的选择。 网管u...原创 2008-10-07 19:51:20 · 301 阅读 · 0 评论 -
如何用CSS使图片自适应显示宽度
需要显示由用户提供URI链接的图片，可是预先无法获知图片的尺寸大小，如果图片尺寸过大将会影响页面布局。最理想的解决方案自然是自动生成缩略图，涉及的后台工作较为复杂，用CSS进行控制是一个可以接受的捷径。 如果用 width 属性强行设定显示尺寸似乎太不智能。幸好 Firefox/Opera/IE 7 都提供了 max-width 属性支持。假定希望图片显示宽度不超过500像素，CSS可能如下： f...原创 2008-10-07 19:49:35 · 1024 阅读 · 0 评论 -
IE6和IE7共存方法
具体步骤：1、下载IE7 Standalone 这个工具，本地下载地址：http://files.cnblogs.com/JustinYoung/IE7-Release_yzy.rar2、解压缩 IE7-Release_yzy.rar 到一个空目录中，例如 d:\ie7green。3：根据你的系统下载合适你的IE7安装文件——微软官方下载：Windows Internet Explorer 7 f...原创 2008-10-07 19:48:55 · 151 阅读 · 0 评论 -
CSS图片垂直居中方法整理集合
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><style type="text/css"><!-- * { margin:0; padding:0 }div {...原创 2008-10-07 19:48:18 · 88 阅读 · 0 评论 -
CSS如何实现单行图片与文字垂直居中
以下选自（CSS权威指南） Example Source Code [www.mb5u.com]vertical-align初始值： baseline（缺省值）可否继续：否适用于： 内联元素说明：vertical-align:baseline使元素的基线同父元素的基线对齐．警告：vertical-align不能影响表格单元中的内容的对齐，对于块元素中的内容也一样． 文字不多，但时常有...原创 2008-10-07 19:47:24 · 160 阅读 · 0 评论 -
解决IE6下PNG图片透明的方法
透明背景所在的"DIV"的属性改咋写还咋写,只不过还得加上这一段 *html div { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="tran.png"); background:none; }这样就可以轻松实现IE6下png图片透明度的效果了!...2008-10-07 19:45:08 · 100 阅读 · 0 评论 -
如何制作随滚动条滚动的DIV
需要做页面的快捷菜单，原则上想做成在第一屏初始在一个位置，当滚动条向下拉时，进入第二屏往下该DIV层自动滚动至屏幕相对的初始位置。在网上查找了相关资料，仅勉强可用，摘抄如下。随滚动条移动的DIV层(正中、左上、左下、右上、右下)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...原创 2008-10-07 19:44:31 · 273 阅读 · 0 评论 -
设定DIV的最小高度
当设定DIV的最小高度时,尽管写了 .style { height:5px } 但在IE6中DIV仍然有一定高度,解决办法是:div加一个属性：font-size:0; 说明：这个问题出现在IE6中； IE6中的div默认有个最小字体高度，div的最小高度就是这个高度，除非你改变这个字体的大小。这样来加： .style1{height:5px;font-size:0;} ...2008-10-07 19:43:14 · 744 阅读 · 0 评论 -
手把手教你清理系统垃圾文件
1.软件安装过程中产生的临时文件 许多软件在安装时，首先要把自身的安装文件解压缩到一个临时目录（一般为 Windows文件夹下的Temp目录），如WinZip等工具，然后再进行安装。如果软件设计有疏忽或者系统有问题，当安装结束后，这些临时文件就会变 得并不“临时”，成为硬盘里的一堆垃圾，很多时候它们以*.tmp的面孔出现，如图1。 在软件的运行过程中通常也会产生一些临时交换文件，比...原创 2008-10-07 19:41:25 · 354 阅读 · 0 评论 -
第一次当站长
在玩开心网成瘾的过程里，我萌发了自己也倒腾一个SNS社区的想法，于是在老公的帮助下，历时一个月的域名注册审核时间，稍加修改界面后，用UCENTER建立的衡东吧 www.hengdong8.cn终于正式上线了。第一次当站长的感觉还蛮爽的。欢迎博友也来加入。 ...原创 2009-04-14 09:07:48 · 123 阅读 · 0 评论 -
文本循环滚动,放上鼠标后就自动停止
一、 把下面代码放到<body>区域中<!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"&..2008-10-11 11:21:12 · 584 阅读 · 0 评论