2012 年 3月随笔档案 - 爱睡觉的鱼

flash导出swf格式，jpg格式图片失真原因

摘要：上周做了一个flash，全是用图片做的按钮，结果导出来之后，图片失真了，看起来很难看，可是看了很久也不清楚是哪里出了问题。失真的flash如图：。后来请教别人才知道，原来是因为导出falsh的时候就直接是ctrl+center.就不看图片的设置。才导致了图片的失真。后来在导出flash的时候，就试着按照下面的步骤：文件---发布设置，出现如下图：这才发现里面有个jpeg品质，只要将这个jpeg品质设置为100%，导出来的swf里面的图片就不会失真。经过设置后的flash如图：阅读全文

posted @ 2012-03-26 17:36 爱睡觉的鱼阅读(2228) 评论(0) 推荐(1)

line-height的真相

摘要：今天学习了一个css的技巧：明白了以下这句话的实现原理 “高度给定的元素, 其内部单行文本垂直居中的一种实现方式为: 给当前定高元素, 设置line-height属性, 其属性值等于当前元素的height值.”我们常说的单倍行距, 双倍行距等等, 主观上认为是line-height设置的值, 如果量一下实际的效果, 会发现, 两行文本的间距, 并非等于line-height的值.浏览器计算和分配行间距的方法间距 = "line-height" – "font-size"; 文本上下分配大小 = 间距/2; 字号 = 12px; line-height: 阅读全文

posted @ 2012-03-22 17:59 爱睡觉的鱼阅读(343) 评论(0) 推荐(0)

CSS的Float

摘要：Float在CSS中是一个重中之重的东西，因为他是一个强大的，极有作用的一个CSS属性，但如果你没有理解透这个Float的话，那将是一个难搞的事情，特别是对于初学者来说，更是一个棘手事情。那么从今天开始我们一起来探讨这个Float。刚才说过了，Float是一个极有用的属性，首先表现在布局上，全前提是你要清楚他，了解他。这样才能达到知已知彼，方能百战百胜。下面我们先来看一段代码：HTML Markup1 <div class="item"> <img src="w6144.gif alt="" /"> Widge 阅读全文

posted @ 2012-03-20 17:36 爱睡觉的鱼阅读(462) 评论(0) 推荐(0)

CSS制作图形速查表

摘要：前面在《纯CSS制作的图形效果》一文中介绍了十六种CSS画各种不同图形的方法。今天花了点时间将这方面的制作成一份清单，方便大家急用时有地方可查。别的不多说了，直接看代码。为了节省时间，下面图形都采用的一个标签，可以是块元素也可以是行内元素，不过行内元素需要加上“display:block;”，唯一不同的是，在此用了不同的类名来区别，相关类名我放在了标题的后面，以便大家对应查看。1、正方形（square）：CSS Code:.square { width: 100px; height:100px; background: #E5C3B2; } 上面的方法是，设置宽度和高度一致就可以实现正方形的效阅读全文

posted @ 2012-03-19 16:54 爱睡觉的鱼阅读(440) 评论(0) 推荐(0)

CSS的陷井

摘要：我们写CSS的在写CSS总会碰到一些这样那样的问题，为了应付这些问题，我们需要一些特殊的技巧才能解决。今天这篇文章我收集了几个怪异的问题，放上来给大家分享，希望大家以后碰到这样的问题能得心应手的解决。Select最佳设置昨天在携程UED中看到一篇关于表单元素中的Select的设置的文章，写的很有意思，详细的不多说，截了里面的一张图来说明Select的在各浏览器的测试情况：最终得到select的最佳设置的值：select{height:22px; line-height:18px; padding:2px 0;font-size: 12px;} 详细的介绍参考：携程UED的《select的最佳预阅读全文

posted @ 2012-03-19 16:40 爱睡觉的鱼阅读(291) 评论(0) 推荐(1)

[转载] 平面/网页设计中色彩搭配配色理论色彩构成详解（一）

摘要：在本篇文章中，我将讲述色彩理论的基础知识以及 3种简单的配色方案，以让你们在为 Web 站点选择色彩时能有把握。在后面的文章中，我将讲述如何简化这些色彩选择。听着别人对你设计的 Web 站点的赞扬，毕竟比苦心孤诣地去进行色彩选择更让你愉快。颜色、亮色、暗色颜色，或色调，一般被划分为原色、间色、复色。原色包括红色、黄色和蓝色，它们被称为三原色，这是因为其它颜色不能调配出这三种颜色。在将三原色转换为 Web 颜色时，你可以将它们表示为十六进制的颜色代码，分别为 #ff0000，#ffff00 和 #0033cc，如图1所示：图1：原色和间色，以及它们的十六进制颜色代码间色指红、黄、蓝三原色中的阅读全文

posted @ 2012-03-19 09:48 爱睡觉的鱼阅读(320) 评论(0) 推荐(0)

<转>平面/网页设计中色彩搭配配色理论色彩构成详解（二）

摘要：暖色 vs. 冷色在网站中使用互补色方案效果非常好，这是因为互补色方案同时包含暖色和冷色。使用暖色和冷色提供了一种对比的效果。同时，哪些颜色是暖色，哪些颜色是冷色，是很容易记住的，你在图8中就可以看到（在生成器网站上也可以看到）标出的暖色和冷色：图8：暖色和冷色暖色是那些可以让你联想起夏天、太阳或火的颜色，包括色轮中从紫色起到黄色止的多种颜色。而冷色则是那些可以让你联想起春天、冰或水的颜色，包括色轮中从黄绿色起到紫色止的多种颜色。如果你仔细观察一下色轮，就会很快发现你选择一种主色后，生成器自动选出的相对应的互补色在冷暖色方面与主色是相反的。因此，如果你选择“暖”红色，相对应的互补色就是“冷阅读全文

posted @ 2012-03-19 09:38 爱睡觉的鱼阅读(589) 评论(0) 推荐(0)

CSS3制作带阴影的纸片效果

摘要：

CSS3制作带阴影的纸片效果阅读全文

posted @ 2012-03-16 15:36 爱睡觉的鱼阅读(837) 评论(0) 推荐(0)

DIV嵌套，在ie中高度自适应，但在chrome下不自适应

摘要：解决方法如下：方法一：设置外层DIV属性：display:table; 方法二：定义一个css类 .box:after{content:".";display:block; height:0px; clear:both;visility:hidden;} 然后将父层DIV代码中的<div id="main"><div id="main" class="box"> 方法三：在外层（父层）DIV的css代码中加入如下代码：｛ clear:both; overflow:auto;｝阅读全文

posted @ 2012-03-15 16:50 爱睡觉的鱼阅读(399) 评论(0) 推荐(0)

鼠标划过图片，加边框并且方向是从上到下划过，下层上浮文字

摘要：效果如图：鼠标移开的效果：鼠标划过的效果：html页面代码：<!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 阅读全文

posted @ 2012-03-15 16:12 爱睡觉的鱼阅读(667) 评论(0) 推荐(0)

IE中显示重复出现的文字，在火狐中显示正常，是什么原因？

摘要：出现重复文字，主要是由于加注释过多。解决方法如下：方法一：直接删除注释，但此种方式达不到自己加注释的初衷。方法二：将注释改为：  阅读全文

posted @ 2012-03-15 15:19 爱睡觉的鱼阅读(143) 评论(0) 推荐(0)

不知道字的读音，怎么查？

摘要：今天看到有人问不知道怎么读的字，告诉你一下怎么查：你打开百度首页，在搜东西的右边有个输入法，大家点一下然后点手写，然后用鼠标把不认识的字写上去，写完后在右面把写的字选好，就会在搜东西的框里出现了，然后大家在后面打上：（手写的字）怎么读 OK搞定出来的网页就有他怎么读了！如果还是没有找到，可以在百度首页点击搜索设置，会出现如图：将关闭改为手写，就可以把不会读的字写上去，读出拼音了。阅读全文

posted @ 2012-03-15 14:43 爱睡觉的鱼阅读(1339) 评论(0) 推荐(0)

404们都代表什么？网页错误代码图解（转）

摘要：常在网上飘，哪能不挨刀？相信大家在浏览网页的时候都碰到过404、403之类的错误报告，不管为什么反正就是网页打不开了。其实这些都是服务器接到浏览器访问请求后返回的状态码(专业术语叫服务器信息头)，不同的代码有着不同的含义，简单了解一些非常有助于搞清到底哪里出了问题、究竟该如何解决。现在有热心人士总结了一张相关图表，非常形象地解释了服务器返回状态码的不同含义和相关资料，值得收藏。HTTP 400 –请求无效HTTP 401.1 –未授权：登录失败HTTP 401.2 –未授权：服务器配置问题导致登录失败HTTP 401.3 – ACL禁止访问资源HTTP 401.4 –未授权：授权被筛选... 阅读全文

posted @ 2012-03-15 13:47 爱睡觉的鱼阅读(158) 评论(0) 推荐(0)

鼠标经过一个图片时我们让图片加一个边框

摘要：CSS与JS紧密配合，为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。比如：鼠标经过一个图片时我们让图片加一个边框，代码可能是这样：JavaScript中style后面的属性应该是什么？JavaScript Code：<script language="javascript"> function change(obj){ obj.style.border="5px solid red"; } function recover(obj){ obj.style.border 阅读全文

posted @ 2012-03-15 11:15 爱睡觉的鱼阅读(1022) 评论(0) 推荐(0)

CSS属性和JavaScript编码方法对照表

摘要：JavaScript CSS Style属性对照表CSS语法 (不区分大小写)JavaScript语法 (区分大小写)border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom-width borderBottomWidth border-color borderColor border-left borderLeft border-left-color borderLeftColor bord 阅读全文

posted @ 2012-03-15 11:01 爱睡觉的鱼阅读(170) 评论(0) 推荐(0)