以图明志

-A wakening of the Trailblazer-

Gundam OO

Unlimited Blade Works

Fate Stay Night

Code Geass

Code Geass

Gundam OOQ Design

Gundam OO

Aeolia Schenberg

Gundam OO

CSS

用CSS3可以很简单地实现文字渐变效果

background-clip , text-fill-color
CSS3 渐变
在 2012年03月16日 那天写的
402 views
首先要说明，你的浏览器支持CSS3的话，才能看到正确的演示效果。如果你现在用的浏览器是Chrome、Safari等，就是你的浏览器支持background-clip + text-fill-color等CSS3属性，那么你可以看到下面文字渐变的漂亮效果。文字渐变本身就是装饰性的功能，所以，本着渐进增强的原则，我们在实际项目中其实是可以大胆使用的。

阅读全文 >>

CSS

CSS样式权重的级联cascade的概念

权重高低问题取决于CSS选择符优先级的的计算结果
CSS 样式权重 cascade
在 2012年03月08日 那天写的
347 views
我们知道，firefox在众多浏览器中是对css 2高度兼容的一款浏览器，那是我能够编写一个中型b2b网站的时候（并不能说是我遇到过的难题）在禅意花园中看到的一个案例，说的是某个菜单在css中定义了以后只能在firefox中正常显示。因为那个css涉及的滤镜太多，而且还奥css中"级联(cascade)"这种强大功能的支持。

阅读全文 >>

CSS

你是否彻底了解margin属性？

边界，元素周围生成额外的空白区
CSS margin 边界
在 2012年02月08日 那天写的
326 views
写css，你少不了与margin打交道。你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？

阅读全文 >>

CSS

做一个所见即所得的CSS效果

将style设置成contenteditable会有好事情出现
CSS 所见即所得
在 2012年02月06日 那天写的
502 views
style 也是标签（在非ie内核的浏览器中支持），我们将style设置成 contenteditable的时候，那么那的内容就可以编辑了。仔细的体验下，如果我们将背景修改成红色的。那么只要书写完，立马呈现。哇靠，这很方便我们以后写那种动态的编辑器效果呢，等有时间的话，我再试试。

阅读全文 >>

CSS

一些比较高效的CSS写法建议

避免一些低效的key selectors去匹配大量的元素
CSS效率
在 2012年02月03日 那天写的
560 views
当浏览器解析html的时候，它构造了一个文档树来展现所有被显示的元素。 它在特定的样式表中去匹配元素，根据标准的css的层叠，继承和顺序规则， 在mozilla的实现中（可能其他的也是这样），对于每一个元素，css引擎通过规则去寻找匹配，css引擎评估每一个规则是从右到左的，从最右的selector开始， 也称之为key selector，直到找到匹配为止。

阅读全文 >>

CSS

IE6支持!important吗？

IE6对!important单个的类是支持的
IE6 !important
在 2012年01月28日 那天写的
322 views
设了!important的样式的属性优先于id选择器和class选择器。，比如id为"Main"的div在它的Class设背景色为红色，，id选择器下又设了背景色为蓝色，照css的"就近原则"，它的背景色应该是红色了，因为id选择器的优先级高于class选择器，但是，一旦class里设了"!important",哈哈，id，一边去吧。

阅读全文 >>

CSS

用IE滤镜实现的一些特效

透明度/阴影/渐变等
滤镜 特效 渐变
在 2012年01月25日 那天写的
294 views
CSS3是当下非常火的一个话题，很多浏览器都已经开始支持这一特性，然后IE这个拥有庞大用户群体的平台，却无法提供这样的支持，即便是IE9发布，也无法改变这一事实，然而，幸运的是，IE并非在这方面毫无作为，很多有经验的开发者都听知道IE的滤镜，看看下面的内容将告诉大家，IE是如何通过这些滤镜，实现CSS3效果的。

阅读全文 >>

CSS

用CSS模拟魔兽世界技能冷却的效果

巧用div的边框厚度实现这种效果
技能冷却 CSS技巧
在 2012年01月15日 那天写的
631 views
显然这种效果不复杂，一张背景图片，加上前面带有透明度的多边形图层，在脚本控制下就可以转起来了。但问题在于用什么方法来构建这个多边形？在IE下可以用VML，其他浏览器可以用Canvas等等。虽然行的通，但都不是最简单的。仔细分析下，该效果本质就是若干个三角形拼接而成。而三角形，如果你熟悉CSS2的话，一定在哪个地方见过。。。

阅读全文 >>

CSS

CSS实现放大镜/狙击镜效果

放大镜或是狙击镜那样的效果
放大镜 狙击镜 CSS技巧
在 2012年01月08日 那天写的
528 views
图片放大，这是一个比较容易的效果了。当然，今天说的可不是简简单单的在一个框里放大，而是一个圆。就像放大镜或是狙击镜那样，只有圆圈里的放大，圈外的当然还是原来的图片。这是不是很不可思议？ 当然不是。做过Flash的也许会脱口而出：套个蒙版就是了。可惜CSS不是Flash，没有那一套。我们只有从CSS里面慢慢挖掘。

阅读全文 >>

CSS

用CSS3做一个网页水平翻转效果

CSS3中transform属性的用法
CSS3 水平翻转
在 2012年01月04日 那天写的
297 views
愚人节，你想你的网站也愚弄一下访客吗？下面我给大家推荐个效果，就是整个页面左右颠倒了。css3 很强大，简单的几行代码就可以帮我们实现这个效果。目前这两个属性得到了除去ie以外各个主流浏览器webkit，firefox，opera的支持，属性名分别为 -webkit-transform，-moz-transform，-o-transform;

阅读全文 >>

CSS

关于浮动、布局和块级格式化

clear float，has layout，block formatting context
浮动 布局 块级格式化
在 2012年01月03日 那天写的
274 views
float是网页布局中都要使用的css属性，他为我们灵活布局提供了方便，但同时浮动太多会带来很多麻烦，所以我通常的做法是使用float完后，马上清除他。float的本质是脱离的正常的html文档流，就是由于他脱离的文档流才出现了很多麻烦。用after产生的内容是个空格，先display:block,然后高度为0，不让他影响布局。

阅读全文 >>

CSS

CSS网页宽度怎么定比较合适

确定宽度是一件苦恼的事
CSS 网页宽度
在 2011年12月21日 那天写的
408 views
设计网页的时候，确定宽度是一件很苦恼的事。以nowamagic.net为例，根据Google Analytics的统计，半年多以来，访问者的屏幕分辨率一共有81种。最小的分辨率是122x160，这应该是手机；最大的分辨率是3360x1050，天知道是什么设备。一张网页要在大小如此悬殊的各种屏幕上，都呈现令人满意的效果，难度可想而知。

阅读全文 >>

CSS

CSS3不遥远，几个特性你要知道

你应该了解的几个CSS3特性
CSS3 特性
在 2011年12月17日 那天写的
330 views
CSS是众所周知且应用广泛的网站样式语言，在它的版本三(CSS3)计划中，新增了一些能够节省时间的特性。尽管只有当前最新了浏览器版本才能支持这些 效果，但了解它们还是必须且很有趣味性的。CSS3中的5个有趣的新技术:圆角、个别圆角、不透明度、阴影和调整元素大小。

阅读全文 >>

CSS

CSS一个解决浮动问题的hack

Clear:both其实是有瑕疵的
CSS 浮动 Hack
在 2011年12月17日 那天写的
265 views
原来后边的Clear:both;其实就是利用清除浮动来把外层的div撑开，所以有时候，我们在将内部div都设置成浮动之后，就会发现，外层div的背景没有显示，原因就是外层的div没有撑开，太小，所以能看到的背景仅限于一条线。但这种办法就是最好了的吗？我这么说，当然答案就不是了。可以采用通过Hack实现。

阅读全文 >>

1 / 4 首页 < Prev 1 2 3 4 Next > 尾页 页码：