随笔分类 - CSS3
CSS3
摘要：今天我将使用css3的透明效果和Flexslider插件来创建一个响应的jquery网格效果，教程当中创建一个2行3列的2组幻灯片效果，你可以根据需要扩展成自己想要的行数和列数，这个教程使用了 Twitter Bootstrap引导框架来设计网格响应效果。当你查看例子的的时候调整浏览器窗口的大小，看看他是如何适应不同的浏览器宽度的。灯箱图像效果我使用 prettyPhoto 插件。
阅读全文
摘要：Z-index属性，用于定义使用position: relative; or position: absolute;”.定位的的 HTML 元素的显示顺序"位置：
阅读全文
摘要：下面的CSS代码添加到您的样式表时，将删除锚标签，按钮，文件上传的虚线
阅读全文
摘要：在重新设计页面的过程中。要使页面完全响应的设计（这意味着它会重新调整大小根据浏览器的尺寸和方向）。如iPhone和iPad的移动电话和平板电脑我碰到了一些非常方便的响应设计工具，帮我测试网站在不同的屏幕响应。下面的这些响应的网页设计工具允许提高您的网站在各种设备上面屏幕大小和方向的响应设计，
阅读全文
摘要：在进行CSS设计编码市，如果没有良好的工具每次都自己写一大推代码不仅费时而且费力。因此有一个好的工具，可以帮助开发者简化设计过程，大大提高工作效率，
在这篇文章中我分享一些专注于CSS网格和预建的CSS网格模板系统。这些网格系统都是实用易用的，平常在我设计网站时总是使用这些网格。如果你使用过其中一种，你可以尝试下面的其他几种
阅读全文
摘要：当创建新的网站或原型，设计人员通常使用一个方便的布局网格，以帮助他们创建一致和有组织的布局。通常情况下，无形的的垂直网格在设计过程中被忽视，离开排版和整体的阅读体验是一个差的用户UX体验。在今天后，我想提请你注意，在设计时候注意垂直布局。保持良好的垂直布局将允许用户方便地阅读和理解你的内容，
阅读全文
摘要：信息一直是互联网的重要组成部分，在网络上的信息大部分是文字排版 适当地运用排版，在网站设计中起着非常重要的作用。可以提高整体的外观设计，今天，我想向您介绍一些不错的CSS3技术以提高你的Web版式。需要注意的是，这些例子并并不是支持所有的浏览器，。
阅读全文
摘要：你是否厌倦了同样的东西在网络上的搜索，你需要网页设计项目的资源吗？停在这里，来看看这个惊人的集合。这里涵盖了可能有的一切：按钮，字体，滚动条，图标，框架等，让你的发现什么是更好的选择，满足您的需求。看一看，你会不会后悔，这是网页设计的灵感，
阅读全文
摘要：@ font-face的是一个CSS规则，允许你输入自己的字体出现在网站上，即使在特定的字体在访问者的计算机上没有安装。这条规则最重要的是，它为设计师打开了一个全新的世界。您可以使用任何你喜欢的字体。
阅读全文
摘要：正确使用CSS的float属性可能会变成一项艰巨的任务，，它涉及内容过多，浏览器兼容性问题也很多。它的定位不仅涉及 包含块，还涉及到了行框，块框，还有行内框等内容。本文包含的实施例的应用属性float说明性例子，以及一些失误。
阅读全文
摘要：最近在一个Web项目上工作时，客户不得不强调以某种方式动态通知泡沫。基本上，每一次的通知值的变化，需要的视觉效果，以获得用户的注意力。所以我做了，使用CSS3关键帧动画。代码总体比较简单，
阅读全文
摘要：加载动画和进度条的真正目的是让用户了解任务的进度，有很多的基于JavaScript的动画，但我决定切换到CSS3。 在本教程中，我决定制作动画的进度条，使用纯CSS：没有闪光灯，没有图像，没有脚本。他能够动态的加载变化此外，我专注于寻找最简单的办法做到这一点。这里的例子：
阅读全文
摘要：通过网页设计师的大量CSS经验，我们会记住所有种代码语法，兼容性和片段。有一些特定的CSS，可以真正帮助改变你的网站设计改变较旧的技术规则和声明，使用更少的代码写出同样的效果是我们一直不断追求的目标
阅读全文
摘要：众所周知 IE6 不支持 position:fixed ，这个 bug 与 IE6 的双倍 margin 和不支持 png 透明等 bug 一样臭名昭著。
如何让 position:fixed 在 IE6 中工作的？
本文所使用的技巧是用了一条 Internet Explorer 的 CSS 表达式 (expression) 。你不可以直接使用该表达式，因为它可能会因为缓存而不更新。解决这一点的最简单的方式是使用 eval 包裹你的语句。
阅读全文
摘要：我们都知道，IE 6,7不支持新增加的CSS3属性，甚至与IE8是CSS3还没有完全准备好。你知道吗，今天给大家分享一个脚本工具，可以帮助您启用CSS3的支持IE浏览器（IE6）与新的CSS3属性，包括：border-radius属性，box-shadow（阴影），text-shadow（影子的文本）。
阅读全文
摘要：jQuery的是一个多浏览器的Javascript集合，以轻松地简化了客户端脚本的HTML。jQuery的格式设计帮助你获得一个文件，选择DOM元素，动画，处理事件，并开发Ajax程序设计人员能够根据需要创建一些高级别的jquery插件。使用这些插件方法可以创建高效强大的网页和Web程序。
阅读全文
摘要：CSS 是我们使用的功能强大和最常用 web 语言。他可以兼容新旧不同的浏览器,打造出很多不同的特效，它已经成为Web开发最流行的语言之一，使用css3 打造出来的效果总是那么的绚丽，有一些特殊的属性以前使用需要javascript实现的特效，今天使用css3就可以完成，因此他大大简化了工作流程，为开发者带来了新的选择
阅读全文
摘要：当一个人需要编辑或修改网站设计，CSS发挥着重要的作用。使用css编码可以提高网页速度，网页的美观度，更好的控制页面布局，工具有方便新手开发者和设计者轻松学习这种语言及其功能因此选择好的CSS工具可以帮助网页编码人员编写出高质量的代码。
阅读全文
摘要：语音气泡是一种很流行的效果，在很多社交网站上可以看到评论使用这样的效果来实现，对于游客来说非常有吸引力，但我发现很多这样的效果都是依赖于HTML或JavaScript来实现的非常麻烦。本教程包含各种形式的使用CSS 2.1与CSS3创建的渐进增强气泡效果。纯CSS3打造，没有使用图像，没有JavaScript，它可以应用到您现有的 HTML当中。
阅读全文
摘要：CSS 是我们使用的功能强大和最常用 web 语言。他可以兼容新旧不同的浏览器，他的兼容跨度确实够大的，从微软的IE到火狐再到谷歌浏览器。在设计的时候我们总是想创建更有创意和风格的网站，无论创建怎么样的网站，有些CSS代码是必须要掌握的，可以说这是核心，掌握这样的一些CSS代码，前端布局方面基本上再不成问题，什么边框圆角，工具提示，浏览器hacks等等都不是问题，
阅读全文