| · | [CSS]CSS简单的进度条 | css | 05-07 |
| CSS: 程序代码<style>#graphbox{border:1px solid #e7e7e7;padding:10px;width:250px;background-color:#f8f8f8;margin:5px 0;}#graphbox h2{color:#666666;font-family:Arial;font-size:18px;font-weight:70…… |
| · | [CSS]css和javascript在IE和Firefox中二十三个不同点 | css | 05-07 |
| 一、document.formName.item(itemName) 问题 问题说明：IE下，可以使用 document.formName.item(itemName) 或 document.formName.elements [elementName]；Firefox下，只能使用document.formName.elements[elementName]。 解决方法：统一使用docume…… |
| · | [CSS]CSS 让IE ff Opera同时支持Alpha透明 | css | 05-07 |
| 关于CSS Alpha透明的相关知识。先请看如下代码： 程序代码filter:alpha(opacity=50); /* IE */-moz-opacity:0.5; &nbs…… |
| · | [CSS]CSS 3备受期待的 8 大功能 | css | 05-07 |
| CSS3 仍遥遥无期，还是指日可待，这不是一个技术问题，而是人们什么时候可以彻底放弃那些不符合 W3C 标准的旧浏览器的问题。CSS3 备受期待是肯定的，CSS Tricks 网站做了一次投票调查，票选备受期待的 CSS 功能，一共有7000人参与，结果如下。有趣的是结果的前三名非常的接近。#1) 圆角 (22.0%, 1,541 票) 这个功能已经在诸如 Mozilla, Webkit 等浏览器…… |
| · | [CSS]结关于网页表单反馈的一些问题 | CSS实例 | 05-07 |
| 网页制作Webjx文章简介：在设计表单的过程中，我们要重点考虑：如何帮助用户更好的完成任务。可以通过清晰的信息、合适的控件、必要的键盘辅助、还有准确及时的反馈信息等等，来帮助用户更快更好的完成表单。wikipedia中对表单的定义很简单：允许输入数据的区域，就叫表单。表单是用户与网站进行“对话”的最主要方式。因此，良好的表单的体验，就显得尤为重要。在设计表单的过程中，我们要重点考虑：如何帮助用户更…… |
| · | [CSS]页教学网收集的优秀的CSS技巧与教程 | CSS实例 | 05-07 |
| 网页制作Webjx文章简介：40个优秀的CSS技巧与教程.照片画廊————————————-Not so simple photograph gallery - 基本的照片画廊，具有默认图像，一到两行说明文字,单击旁边的小图像后放大显示在中央屏幕上Hoverbox Image Gallery - Hoverbox照片画廊，完全基于CSS的照片画廊，鼠标移到图片上，在当前图片位置放大显示CSS Sl…… |
| · | [CSS][图文]CSS教程:滑动门与选项卡 | CSS实例 | 05-06 |
| 其实CSS滑动门这个概念早在几年前就已经出现了，只是近来年被提得比较多而已。但是常常有人把它跟选项卡效果混淆在一起，特别是一些新手朋友，所以我在这里写篇详解，希望能有所帮助。 说起来滑动门也不是什么高深的技术，也只是CSS的一种手法罢了。它是利用背景图像的交迭以及相互滑动来实现一些效果。最常见的就是圆角的导航了，我们可以把一左一右两个圆角背景想像成两扇可以滑动的门，他们可以滑到一起并交迭以显示较…… |
| · | [CSS]弄清楚haslayout概念,什么是 haslayout ？ | CSS实例 | 05-06 |
| 要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清除的概念。大多IE下的显示错误，就是源于 haslayout。什么是 haslayout ？haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元…… |
| · | [CSS]CSS在各个网页版邮箱中的支持情况 | CSS实例 | 05-06 |
| 相信很多人都会做过漂亮的邮件模板，但是要让做出的漂亮的邮件要支持所有的邮件系统，是一件多么令人纠结的事情——甚至会抱怨美工为什么会设计出这么“诡异的”邮件界面！不过现在好了，我们在campaignmonitor发现了一个样式在各个邮件系统中的支持情况的统计列表，下面这个截图只是其中一部分。详细信息请查阅原文：http://www.campaignmonitor.com/css/ 。原文分为两部分，…… |
| · | [CSS]CSS设计制作网页不要使用@import | CSS实例 | 05-06 |
| 原文：高性能网站设计：不要使用@import在高性能网站设计的第五章，我简要的提到@import 对于网站的性能有某些负面的影响，然后我在 Web 2.0 Expo 的演讲上深入探讨了这个问题，并创建了一些测试页面和HTTP瀑布状图表，这些在下面将会用到。对于这个问题的底线是：如果你想样式表并行载入，以使页面更快，请使用LINK 替代@import。LINK vs. @import大家都知道，有两…… |
| · | [CSS]网页表单标签水平右对齐更适合中文网站 | CSS实例 | 05-06 |
| 找了国内30个比较著名的网站的注册表单做样本，对标签和输入区对齐方式做了统计，得到了一个结论：标签水平右对齐更适合中文网站，或者说右对齐更适合中文的表现。设计师们闲下来后最大的喜好莫过于看看国外网站的流行趋势，感叹一下这个精致，那个大气，然后就开始往自己的设计里融入新元素。不过想必大家都遇到过同样的情况，“用英文咋看咋漂亮，一换中文那种味道就表现不出来了…”。其一，因为中文是方块字，一行看上去很平…… |
| · | [CSS]网页文件上传表单的制作 | CSS实例 | 05-06 |
| 我们平时在日常网络生活当中，上传则是一个非常重要的功能。尤其是对于那么依靠网友分享的站点来说，上传是用户体验的重要的部分，分享是web2.0时代的主流特色，随之分享而来的上传，则是其中的关键一环。先来说说以前的上传吧，真是令人苦恼。网络速度缓慢是最直接的原因，当然在交互设计上也存在着让人崩溃的地方，没有清晰的提示和防止出错的设计，让用户使用起来非常的不便利。相信你或多或少都经历过下面的灾难时刻。辛…… |
| · | [CSS]制作网页表单的标签和输入区 | CSS实例 | 05-06 |
| 重读LukeW的《Web Form Design:Filling in the Blanks》感触很深，除佩服LukeW的钻研精神外，更多的是学习他对设计细节的执着和理解。我把对本书的理解，与工作生活中遇到的实际问题结合起来，作为今后设计工作的指导和规范。有一些元素，看着很简单，设计起来却很头疼。往往这样的元素都具有一个共同的特点——变化多，表单的设计就是如此。你说见过20、30种以上不同的表单，…… |
| · | [CSS]IV+CSS制作网页之如何设置z-index | CSS实例 | 05-06 |
| 网页制作Webjx文章简介：貌似很多同学对为什么这个div在上层，那个div在下层、无论如何设置z-index都无法居上的问题纠结抓狂、上吐下泻、恶心失眠、郁郁而终，致使不敢随意使用层的叠加。但层的叠加效果，在交互设计中却频频出现，所以我们必须驾驭它，要驾驭它，就要掌握其规律。[参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ][操作系…… |
| · | [CSS]CSS控制浏览器滚动条的源代码 | CSS实例 | 05-06 |
| 1．overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2．scrollbar-3d-light-color立体滚动条亮边的颜色 scrollbar-arrow-color上下按钮上三角箭头的颜色 scrollbar-bas…… |
| · | [CSS]SS教程:29个特殊的CSS导航技术 | CSS实例 | 05-06 |
| 网页制作Webjx文章简介：我们看到创新的方法，使设计者和开发者使用的CSS创新其不足之处。这里，您可以找到一些网站导航使用CSS的最佳方式。你会发现各种各样的技术，真正展示了能力的CSS 。在这篇文章中，你会找到一个收集优秀的导航技术，使用的CSS为用户提供令人印象深刻的界面。我们看到创新的方法，使设计者和开发者使用的CSS创新其不足之处。这里，您可以找到一些网站导航使用CSS的最佳方式。你会发…… |
| · | [CSS]CSS3教程:box-sizing属性 | CSS实例 | 05-06 |
| 说到 IE 的 bug，一个臭名昭著的例子是它对于“盒模型”的错误解释：在 IE5.x 以及 Quirks 模式的 IE6/7 中，将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦，几户每个需要定义尺寸的 box 都要思量一下：是否触发了“盒模型 bug”？同时，由于另一撮浏览器对标准的遵从，我们在精确定义一个在有限空间内显示的 box 时，也需…… |
| · | [CSS]付CSS兼容问题的十个超级技巧 | CSS实例 | 05-06 |
| 网页制作Webjx文章简介：一、针对firefox ie6 ie7的css样式：现在大部分都是用!important来 hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释， 会导致页面没按要求显示！找到一个针对IE7 不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了现在写一、针对firefox ie6 ie7的css样…… |
| · | [CSS]CSS教程:CSS页面布局的技巧 | CSS实例 | 05-06 |
| 对CSS网页布局的技巧，可谓是名目繁多。这里将适合新手的CSS网页布局的小技巧总结出来，或许对您更有实际的参考价值： 1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权…… |
| · | [CSS]解析CSS列表样式属性list-style | CSS实例 | 05-06 |
| 平时制作页面中可对属性list-style在list-item对象中常用，但用的都不深。一般都设为none重置整个页面就差不多OK，可能很多人包括本人对属性list-style-type更细节方面的属性并不是很了解，更有可能对属性list-style和属性list-style-type概念会比较模糊，现有必要把它提出来重新学习一下，故整理如下。● list-style定义:用于在一个声明中设置一个…… |
| · | [CSS]绍IE8的CSS hack | CSS实例 | 05-06 |
| 网页制作Webjx文章简介：CSS兼容性一直是大家头疼的问题，IE6、IE7和FF已经让大家够呛，在webjx.com以前的文章中，很多这方面的知识介绍。今天向大家介绍IE8的CSS hack。 CSS兼容性一直是大家头疼的问题，IE6、IE7和FF已经让大家够呛，在webjx.com以前的文章中，很多这方面的知识介绍。今天向大家介绍IE8的CSS hack。 IE8正式版发布以来,一直在找一…… |
| · | [CSS]IV+CSS制作网页心得 | CSS实例 | 05-06 |
| 网页制作Webjx文章简介：正如你所见到的这个是一个方块，而网页呢，是由这么多大大小小的方块组成的，可能以下实例会更明确的让你了解这个盒子。 DIV+CSS是目前互联网网页制作最热门的方法，但对于完全手写代码，许多网页设计师都望而止步。 其实DIV+CSS是很简单的一种布局方式，甚至比任何一种编程语言都要简单(虽然它不能算是编程语言)。 首先你要知道，当你开始学习DIV+CSS的时候，你要…… |
| · | [CSS]SS实现透明效果颜色的方法:RGBa | CSS实例 | 05-06 |
| 网页制作Webjx文章简介：RGBa是一种在CSS中声明包含透明效果的颜色的方法.RGBa是一种在CSS中声明包含透明效果的颜色的方法，它的语法是这样的：123div { background: rgba(200, 54, 54, 0.5);}它允许我们为元素添加透明色。或许我们习惯了使用”opacity“，它很简单易用，但是，opacity会使所有的子元素都变成透明的，而且很难去解决这个问题…… |
| · | [CSS]mport与link的具体区别 | CSS实例 | 05-06 |
| 网页制作Webjx文章简介：@import与link,我们也经常听到有人说要使用link来引入CSS更好,但是你知道为什么吗?我们知道在网页中引用外部CSS有两种方式，即:@import与link,我们也经常听到有人说要使用link来引入CSS更好,但是你知道为什么吗?linklink就是把外部CSS与网页连接起来,具体形式@importimport文字上与link的区别就是它可以把在一个CSS文…… |
| · | [CSS]页制作学习:reflow的问题 | CSS实例 | 05-06 |
| 网页制作Webjx文章简介：mozilla的工程师dbaron发表过一篇演讲，提到reflow的问题。概念不难理解.对理论没兴趣的，可以只看红色标注的结论mozilla的工程师dbaron发表过一篇演讲，提到reflow的问题。概念不难理解mozilla系列浏览器构建网页的过程:1、读取HTML文档，构建网页文档树——就是从body开始到结束，把每个table或者div记录下来 2、reflow—…… |
| · | [CSS]决父容器透明子容器不透明继承问题 | CSS实例 | 05-06 |
| 网页制作Webjx文章简介：css透明度的继承问题的讨论（IE 、FF）.当父容器设置了透明度的时候，子容器会继承父容器的性质，面对这个问题我们也不知道该说是bug还是说是大家对透明的理解方式问题。先不管css的标准认为怎样才是最合理的，当我们遇到不想要子容器也透明的时候如何去解决这样的问题。方法一：针对IE，在子容器添加：position:relative;针对firefox等就只能使用pngb…… |
| · | [CSS]SS代码优化的两个原因 | CSS实例 | 05-06 |
| 网页制作Webjx文章简介：它可以帮助你变得更小的CSS文件大小和更好的写的代码。这个方法的优化工作实际,让你决定你想要多少压缩。从超压视觉愉悦。我喜欢这个标准设置,因为它会给你一个小的。 为什么进行CSS代码优化呢？ 好,有两个原因。它可以帮助你变得更小的CSS文件大小和更好的写的代码。这个方法的优化工作实际,让你决定你想要多少压缩。从超压(几乎读和编辑被人类)视觉愉悦。我喜欢这个标准设置,因…… |
| · | [CSS]SS样式表的hack的写作方法 | CSS实例 | 05-06 |
| 网页制作Webjx文章简介：CSS样式表的hack的写作方法.我以往的习惯.demo{ float: left; margin-left: 20px; _display:inline; /*hacked for IE 6*/}以后hack分开写.demo{ …… |
| · | [CSS]页制作学习:reflow概念 | CSS实例 | 05-06 |
| 网页制作Webjx文章简介：Yahoo!性能工程师Nicole Sullivan在最新的文章中总结了导致 reflow 发生的一些因素.如果对于 reflow 这个概念你还不太清楚或者不知道，请先阅读：《Notes on HTML Reflow》 《What is a reflow?》 《Gecko:Reflow Refactoring》 《reflow》 《形象化的reflow》 《样式的执行效…… |
| · | [CSS]览器处理网页字体效果对比 | CSS实例 | 05-06 |
| 网页制作Webjx文章简介：浏览器强行压缩图片尺寸效果对比。不多说，可以看出，多数浏览器都会对与实际尺寸不一致的Img进行锯齿处理，唯一没有做这项工作的就是Firefox而Firefox在中英文字体的处理上大家也是有目共睹的。对于字体的锯齿润色，最让人满意的应该是IE8了， Firefox依然是完全没有任何润色，突兀的锯齿。Chrome也一样没有润色，估计是因为和火狐师出同门的关系。而苹果机上的S…… |
|
