WEB前端开发

以前在9demo.com上发不过，可是那个域名被和谐了，还有很多人在问我这种心型文字是这么做的，今天重新发布一下，仅供参考。

由于设计稿的变态，需要在爱墙上展示这种文字。如图：

当前端开发工程师遇见这样的视觉设计师我觉得沟通已经起不了任何作用了。

从图上看文字的排序是个倒三角，但是文字不可能分散到各个不同的容器里，经过多方求助，腾讯的鬼哥给了一个例子，下面我作了简单的原型：

继续阅读：各种形状的文字制作»

IE8正式版出来有一段日志了，但是针对ie8正式版的CSS hack却很少，其实这是值得庆幸的，因为ie8修复了很多IE6和IE7的一些BUG，更加接近W3C标准。

针对IE8正式版的CSS hack目前可以找到的分为2种：(转载请注明出处：WEB前端开发 http://www.css88.com/)

第一种：”\9″：

基本的写法:

.test { color/*\**/: blue\9 }

这个IE6、IE7、IE8都能识别；但是IE8不能识别“*”和“_”的css hack；所以我们可以这样写hack：(转载请注明出处：WEB前端开发 http://www.css88.com/)

.header {width:300px;} /* 所有浏览器*/
.header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */
.header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/
.header {_width:290px;} /* IE6能识别，IE7、IE8和FF不能识别*/

继续阅读：针对IE8正式版的CSS hack»

Mx3

just hear !t

继续阅读：css酷站欣赏-30个音乐网站»

Blueprint（官方网站：http://www.blueprintcss.org/） 是一个非常有名的 CSS 框架，它可以让你用很整洁的代码来将页面划分成很复杂的栅格结构（grid）。Blueprint 并没有提供一个可视化的工具来让你生成网格结构的 CSS 代码。

而 Boks 的出现，正好弥补了 Blueprint 没有提供可视化工具的缺憾。

在主界面的格子上拖拽，就可以轻松画出你想要的布局。在下面的面板里，都可以为每一个 DIV 设置 ID，Class 和 HTML 代码等。绘制完成之后，点击 Export 就可以导出为网页文件了。

下面提供一个官方的操作演示视频：

注意，此软件需要下载安装 Adobe Air;

下载Boks：boks-v021；

blueprint–css framework研究 ：http://www.yeeach.com/2007/09/14/blueprint-css-framework/

曾经写过【IE6的疯狂之六】li在IE中底部3像素的BUG（增加浮动解决问题），原文地址： http://www.css88.com/archives/421；

IE6 BUG大全： http://www.css88.com/archives/579

但是这次li在IE中底部出现的不是3像素而是一整条空白行，如图：

HTML代码：

<ul>
  <li><a href="#">第1条连接</a></li>
  <li><a href="#">第2条连接</a></li>
  <li><a href="#">第3条连接</a></li>
</ul>

继续阅读：【IE6的疯狂之九】li在IE中底部空行的BUG»

大家知道页面要使用外部css文件的方式有两种，一种是引用(link)，例如：<link rel=’stylesheet’ href=’a.css’>；另一种是导入(@import)，例如：<style>@import url(‘a.css’);</style>；两者引用的方式在页面上的展现效果却是一样的，但是两者又有着很重大的区别：就是页面的性能问题！
当然如果站点的流量没达到一定的流量（比如说10万ip或者更大），我觉得用link 或者 @import或者都是无所谓的，只要你维护方便。
假设我们一张页面使用了两个样式文件:a.css和b.css;

第一种方式，两个都导入：

<style>
<!--
@import url('a.css');
@import url('b.css');
-->
</style>

我们可以用使用工具分析一下网页的加载情况，如图：

即两个css同时加载；

继续阅读：CSS引用(link)和导入(@import)的区别(2009年4月13日更新)»

CSS Naked Day，也称CSS裸奔节或CSS裸奔日，2009年4月9日是第四界css裸奔节。本站也参加了这次裸奔节！

CSS裸奔节就是将这整站的css样式都去掉，这样所有的布局，颜色，背景什么的就都没有了(除非你使用table布局)，只剩下html实体显示出来，起源好像是比较无聊的想法，就是剥去css的外衣，让大家看看你的(x)html代码是否工整，但是时至html语义被极力推崇的今日，CSS裸奔节就给外的有意义！

CSS裸奔节的意义

不管CSS裸奔节的原始意义是什么，或许只是一个网络恶作剧，但是从第一届CSS裸奔节（2006年4月5日）开始，CSS裸奔节的意义在于：推动Web标准、提倡简洁为美、使用正确的 (x)html语义标记、良好的层次结构。

继续阅读：2009年CSS裸奔节（CSS Naked Day ）»

先看效果吧：

演示地址：http://www.css88.com/demo/Album_Show/

这个实例主要运用js（jquery）控制css和dom属性： 继续阅读：一个简单的展示更多的效果»

<hr> 标签可插入一个水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

很多时候我们用css中的border属性，或者border-top，或者border-bottom来实现这种效果。这么做的原因大致的出于各个浏览器对<hr>的表现有一点点的不一致：

1. 通常表现在和文档其他标签的距离，IE要比FF高出7像素；
2. 线条的颜色控制各个浏览器也不一样；

继续阅读：关于hr标签的一点认识»