<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>紫枫印象 &#187; 小技巧</title>
	<atom:link href="http://www.86ue.com/archives/tag/%e5%b0%8f%e6%8a%80%e5%b7%a7/feed" rel="self" type="application/rss+xml" />
	<link>http://www.86ue.com</link>
	<description>UED web2.0 前端技术 用户体验 SEO 80后</description>
	<lastBuildDate>Sun, 14 Mar 2010 14:02:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Windows7优化调整实用小技巧十则</title>
		<link>http://www.86ue.com/archives/135</link>
		<comments>http://www.86ue.com/archives/135#comments</comments>
		<pubDate>Fri, 23 Oct 2009 15:06:04 +0000</pubDate>
		<dc:creator>紫枫印象</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[Windows7]]></category>
		<category><![CDATA[小技巧]]></category>

		<guid isPermaLink="false">http://www.86ue.com/?p=135</guid>
		<description><![CDATA[目前关于Windows 7各种文章有不少，不过大多是关于用户界面改变的介绍，例如：新的任务栏，开始菜单的改进，更大的预览缩略图等等。Windows 7的新东西还有很多，今天我们来换个话题。
 
你是否注意到，磁盘碎片整理已经支持多个驱动器并行处理？还有，你知道是哪个IE插件拖慢了浏览器吗？语音聊天时，音箱音量会自动降低，怎么办？没错，这些都是Windows 7带给我们的新东西，而且你很有必要知道。

　　<strong>1、加速磁盘碎片整理</strong>

　　Windows 7中的磁盘碎片整理工具比Windows Vista提供了更多的可控选项，它的命令行版本也提供一些有趣的新功能。下面是参数说明：

　　/r 并行处理多个驱动器

　　/h 让磁盘碎片整理工具使用更多的系统资源，以便加速运行

　　/u 提供定期进度报告，你可以看到整理碎片的详细过程

　　命令用法示例：

　　defrag /c /h /u /r

　　作用：在一个命令行窗口中快速整理多个驱动器。

　　更多参数和用法可用 defrag /? 来获得。]]></description>
			<content:encoded><![CDATA[<p>目前关于Windows 7各种文章有不少，不过大多是关于用户界面改变的介绍，例如：新的任务栏，开始菜单的改进，更大的预览缩略图等等。Windows 7的新东西还有很多，今天我们来换个话题。</p>
<p>你是否注意到，磁盘碎片整理已经支持多个驱动器并行处理？还有，你知道是哪个IE插件拖慢了浏览器吗？语音聊天时，音箱音量会自动降低，怎么办？没错，这些都是Windows 7带给我们的新东西，而且你很有必要知道。</p>
<p>　　<strong>1、加速磁盘碎片整理</strong></p>
<p>　　Windows 7中的磁盘碎片整理工具比Windows Vista提供了更多的可控选项，它的命令行版本也提供一些有趣的新功能。下面是参数说明：</p>
<p>　　/r 并行处理多个驱动器</p>
<p>　　/h 让磁盘碎片整理工具使用更多的系统资源，以便加速运行</p>
<p>　　/u 提供定期进度报告，你可以看到整理碎片的详细过程</p>
<p>　　命令用法示例：</p>
<p>　　defrag /c /h /u /r</p>
<p>　　作用：在一个命令行窗口中快速整理多个驱动器。</p>
<p>　　更多参数和用法可用 defrag /? 来获得。</p>
<p>　　<strong>2、让IE加载更快</strong></p>
<p>　　一些IE插件用去更多时间启动，无疑这会拖慢整个浏览器的性能。在Windows 7中的IE8里，使用者可以知道哪些浏览器插件(扩展)运行最慢。</p>
<p>　　用法：点击Tools(工具) > Manage Add-ons(管理加载项)，右侧的载入用时列表中显示了插件的运行情况。</p>
<p>　　<strong>3、修复任务栏</strong></p>
<p>　　Windows 7加强了安全性，因此，在关闭UAC的情况下，用于桌面侧边栏的gadgets将不能启用。如果你禁用了UAC，还打算正常使用gadgets，按照如下的方法操作。</p>
<p>　　运行注册编辑器，找到以下位置:HKEY_LOCAL_MACHINE\<br />
SOFTWARE\Microsoft\Windows\<br />
CurrentVersion\Sidebar\Settings创建一个新的DWORD值，键名为AllowElevatedProcess，数值设为1，这样gadgets又能正常启动了。</p>
<p>　　<strong>4、Alt+Tab增强用法</strong></p>
<p>　　假设你已经打开了五个资源管理器，还运行着许多其它程序，此时要想在这么多程序中找到需要的，用传统的Alt+Tab来切换窗口确实是很费时的。</p>
<p>　　怎么办呢？先按住Ctrl键，在资源管理器的图标上点一下，Windows 7将只在这几个资源管理器窗口间切换，这使得窗口定位的速度更快了。本技巧适用于任何支持同时开启多个实例的应用软件。</p>
<p>　　<strong>5、禁用智能窗口排列</strong></p>
<p>　　Windows 7的另一个新功能就是智能排列窗口，当你把一个窗口拖拽到屏幕顶部时，它会自动最大化。这个功能可是让人又爱又恨，我们喜欢Windows 7，但不想用到它的部分功能，怎么办？还是求助于注册表吧，运行REGEDIT，跳转到：HKEY_CURRENT_USER＼Control Panel＼Desktop设置WindowArrangementActive键值为0，重启</p>
<p>　　<strong>6、更好用的系统还原</strong></p>
<p>　　在Windows Vista中，有关于系统还原的设置选项很少。这一点在Windows 7中终于有了改进，有几个实用选项可供选择。</p>
<p>　　点击开始按钮，右键点击我的电脑，选属性，系统保护，设置，在这里，你可以根据自身需要，设置系统还原的最大使用尺寸，尺寸越大还原点越多，越小则能释放更多磁盘空间。除此之外，还可以设置系统还原的默认保护范围。</p>
<p>　　<strong>7、放大镜</strong></p>
<p>　　Windows 7中的放大镜有了改进，用起来更方便了。你可以定义一个比例和坐标，让放大镜跟踪键盘焦点。按下Tab键可以移动对话框，并能自动缩放。</p>
<p>　　<strong>8、以不同身份运行程序</strong></p>
<p>　　按住Shift键，右键点击任何程序的快捷方式，可出现一个以不同用户身份运行程序的选项，比如使用家中孩子的受限帐户时，可以临时使用更高的权限。</p>
<p>　　事实上，这不是什么新功能了，在Windows XP中也能这么做，但在Vista中，微软把它“弄”没了。很不错，微软又改变了主意！要在Windows XP中使用此功能，需开启Secondary Logon服务。</p>
<p>　　<strong>9、用命令行设置时区</strong></p>
<p>　　Windows 7中新增了一个设置时区的命令：tzutil.exe。这意味着可以通过脚本为PC设置时区，IT管理员肯定会喜欢它。</p>
<p>　　例如，要将某台PC设置为格林威治标准时间，用以下命令即可：tzutil /s &#8220;gmt standard time&#8221;，还有几个参数可选，比如，tzutil /g，显示当前时区，tzutil /l列出所有时区。</p>
<p>　　<strong>10、调整电脑音量</strong></p>
<p>　　在Windows 7的默认状态下，当有语音电话(基于PC的)打出或打进来时，它会自动降低PC音箱的音量。如果不想用此功能，可随时设置关掉它。右键点击任务栏上的喇叭图标，选择Sounds > Communications，根据自身需要进行设置即可。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.86ue.com/archives/135/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>25条CSS制作网页编写的提醒及小技巧整理</title>
		<link>http://www.86ue.com/archives/30</link>
		<comments>http://www.86ue.com/archives/30#comments</comments>
		<pubDate>Thu, 15 Oct 2009 16:37:42 +0000</pubDate>
		<dc:creator>紫枫印象</dc:creator>
				<category><![CDATA[CSS+HTML]]></category>
		<category><![CDATA[制作网页]]></category>
		<category><![CDATA[小技巧]]></category>

		<guid isPermaLink="false">http://www.86ue.com/?p=30</guid>
		<description><![CDATA[1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。

2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。

ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；
CLASS是一个样式，可以套在任何结构和内容上，就象一件衣服；

3、一个兼容性调整(IE和Mozilla)的笨办法：
初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，或者两个倒过来。
临时解决方法：选择符{属性名:B !important;属性名:A}

就现在的兼容来说，css hack是没办法的办法。我现在也在为这个头疼。

4、如果一组要嵌套的标签之间需要些间距的话，那就留给位于里面的标签的margin属性吧，而不要去定义位于外面的标签的padding

这个问题体现在宽度设置上，就比如你div的width属性设置了200，然后你又想让里面的文字距离边框10px，于是设置了padding，但是在FF里你就会发现，宽度变成了220.]]></description>
			<content:encoded><![CDATA[<p>1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。</p>
<p>2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。</p>
<p>ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；<br />
CLASS是一个样式，可以套在任何结构和内容上，就象一件衣服；</p>
<p>3、一个兼容性调整(IE和Mozilla)的笨办法：<br />
初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，或者两个倒过来。<br />
临时解决方法：选择符{属性名:B !important;属性名:A}</p>
<p>就现在的兼容来说，css hack是没办法的办法。我现在也在为这个头疼。</p>
<p>4、如果一组要嵌套的标签之间需要些间距的话，那就留给位于里面的标签的margin属性吧，而不要去定义位于外面的标签的padding</p>
<p>这个问题体现在宽度设置上，就比如你div的width属性设置了200，然后你又想让里面的文字距离边框10px，于是设置了padding，但是在FF里你就会发现，宽度变成了220.</p>
<p>5、li标签前面的图标推荐使用background-image，而不是list-style-image。</p>
<p>6、IE分不清继承关系和父子关系的差别，全部都是继承关系。</p>
<p>7、在给你的标签疯狂加选择符的时候，别忘了在CSS里给选择符加上注释。 等你以后修改你的CSS的时候就知道为什么要这么做了。</p>
<p>不要随便用一个怪异的名字来定义你的class。就从我接受的项目来说，莫名其妙的写法让我头疼得厉害。翻找下我前面写过的东西，可以看到一个CSS命名规则。详细请见u/kele/archives/2007/609.html</p>
<p>8、如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。</p>
<p>9、定义链接的四种状态要注意先后顺序: Link Visited Hover Active</p>
<p>与此类似的还有margin和padding，用TRouBLe来记忆。就是Top Right Bottom Left。</p>
<p>10、与内容无关的图片请使用background</p>
<p>这个就是为了在无CSS调用的时候不影响整体页面风格。少用图片来表现风格。试想别人禁止图片后，你的网站还有什么可以看的东西。</p>
<p>11、定义颜色可以缩写#8899FF=#89F</p>
<p>简写标准～可惜我还没有这个好习惯～比如#FFFFFF我还是习惯这么写，而不是#FFF</p>
<p>12、table在某些方面比其它标签表现的要好的多。请在需要列对齐的地方用它。</p>
<p>div+css设计不是说你就完全放弃table，怎么表现的好才是重点</p>
<p>13、&lt;script&gt;没有language这个属性，应该写成这样:<br />
&lt;script type=”text/Javascript”&gt;</p>
<p>但是在我接触到的很多网站页面里，是这么写的&lt;script type=”text/Javascript” language=“javascript”&gt;。莫名其妙～打开微软的网站你就可以看到&lt;script type=”text/Javascript”&gt;的表达方式</p>
<p>14、标题是标题，标题的文字是标题的文字。有时候标题不一定需要显示文字，所以:&lt;h1&gt;标题内容&lt;/h1&gt; 改成 &lt;h1&gt;&lt;span&gt;标题内容&lt;/span&gt;&lt;/h1&gt;</p>
<p>我还是没有养成使用H1，H2标签的习惯～需要努力～</p>
<p>15、完美的单象素外框线表格（在IE5、IE6、IE7及FF1.0.4以上中均可通过测试）<br />
table{border-collapse:collapse;}<br />
td{border:#000 solid 1px;}</p>
<p>1象素黑色表格～</p>
<p>16、margin取负值可以在标签使用绝对定位的时候起到相对定位的作用，在页面居中显示时，使用绝对定位的层不适合使用left:XXpx这个属性。把这个层放到一个要相对定位的标签旁，然后使用margin的负值是个好方法。</p>
<p>负值时在布局中经常用到的方法～值得去学习下如何使用。</p>
<p>17、绝对定位时使用margin值定位可以达到相对于本身所在位置的定，这与top，left等属性相对与窗口边缘的定位不同。绝对定位的优势在于可以让其它元素忽略它的存在。</p>
<p>设计的时候你可以使用相对浮动层的绝对定位～有意想不到的效果。</p>
<p>18、如果文字过长,则将过长的部分变成省略号显示：IE5,FF无效，但可以隐藏，IE6有效<br />
&lt;DIV STYLE=”width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis”&gt;<br />
&lt;NOBR&gt;就是比如有一行文字，很长，表格内一行显示不下.&lt;/NOBR&gt;</p>
<p>恩，这个东西我在用～</p>
<p>19、在IE中可能由于注释带来的文字重复问题时可以把注释改为：<br />
&lt;!–[if !IE]&gt;Put your commentary in here…&lt;![endif]–&gt;</p>
<p>20、如何用CSS调用外部字体<br />
语法：<br />
@font-face{font-family:name;src:url(url);sRules}取值：<br />
name：字体名称。任何可能的 font-family 属性的值<br />
url(url)：使用绝对或相对 url 地址指定OpenType字体文件<br />
sRules：样式表定义</p>
<p>为了防止用户没有字体而影响了网站效果～不过我觉得最好还是少用。</p>
<p>21、如何让一个表单中的文本框中的文字垂直居中？<br />
如果用行高与高度的组在FF中是没有效果的，办法就是定义上下补白就可以实现想想的效果了。</p>
<p>22、定义A标签要注意的小问题：<br />
当我们定义a{color:red;}时，它代表了A的四种状态的样式，如果此时要定义一个鼠标放上的状态只要定义a:hover就可以了，其它三种状态就是A中所定义的样式。<br />
只定义了一个a:link时，一定要记得把其它三种状态定义出来！</p>
<p>hover属性是一个很强大的东西～有时间的人可以仔细研究下～</p>
<p>23、并不是所有样式都要简写：<br />
当样式表前定义了如p{padding:1px 2px 3px 4px}时，在后续工程中又增加了一个样式上补白5px，下补白6px。我们并不一定要写成p.style1{padding:5px 6px 3px 4px}。可以写成p.style1{padding-top:5px;padding-right:6px;},你可能会感觉这样写还不如原来那样好，但你想没想过，你的那种写法重复定义了样式，另外你可以不必去找原来的下补白与左补白的值是多少！如果以后前一个样式P变了话，你定义的p.style1的样式也要变。</p>
<p>24、网站越大，CSS样式越多，开始做前，请做好充分的准备和策划，包括命名规则。页面区块划分，内部样式分类等。</p>
<p>非常非常非常非常重要～记得在压缩CSS的时候兼顾好你的可读性～非常非常非常非常重要～深受其害中。</p>
<p>25、几个常用到的CSS样式：<br />
1）中文字两端对齐：text-align:justify;text-justify:inter-ideograph;</p>
<p>2）固定宽度汉字截断：overflow:hidden;text-overflow:ellipsis;white-space:nowrap;(不过只能处理文字在一行上的截断，不能处理多行。)（IE5以上）FF不能，它只隐藏。</p>
<p>3）固定宽度汉字（词）折行：table-layout:fixed; word-break:break-all;（IE5以上）FF不能。</p>
<p>4）&lt;acronym title=”输入要提示的文字” style=”cursor:help;”&gt;文字&lt;/acronym&gt;用鼠标放在前面的文字上看效果。这个效果在国外的很多网站都可以看到，而国内的少又少。</p>
<p>5）图片设为半透明：.halfalpha { background-color:#000000;filter:Alpha(Opacity=50)}在IE6及IE5测试通过，FF未通过，这是因为这个样式是IE私有的东西；</p>
<p>6）Flash透明：选中swf,打开原代码窗口，在&lt;/object&gt;前输入&lt;param name=”wmode” value=”transparent”&gt; 以上是针对IE的代码。<br />
针对FIREFOX 给&lt;embed&gt; 标签也增加类似参数wmode=”transparent”</p>
<p>7）在做网页时常用到把鼠标放在图片上会出现图片变亮的效果，可以用图片替换的技巧，也可以用如下的滤镜：<br />
.pictures img {<br />
filter: alpha(opacity=45); }<br />
.pictures a:hover img {<br />
filter: alpha(opacity=90); }</p>
]]></content:encoded>
			<wfw:commentRss>http://www.86ue.com/archives/30/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
