上一篇 |

我的CSS学习日记

作者:fanxiaojie 日期:2009-02-11 | 分类: 点滴杂谈

字体大小: 小中大

从今天起每天在这里记录自己在CSS方面学习的收获

[本日志由 fanxiaojie 于 2009-03-08 03:18 AM 编辑]

文章来自: 本站原创

引用通告: 查看所有引用 | 我要引用此文章

Tags: CSS ,Javascript

评论: 38 | 引用: 1 | 查看次数: 2794

1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | ›

fanxiaojie[2009-02-11 01:26 PM| 第1楼 | 编辑 | 高级编辑 | 删除]

跨浏览器的容器透明度样式写法:

.alpha{filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

fanxiaojie[2009-02-11 01:35 PM| 第2楼 | 编辑 | 高级编辑 | 删除]

我的收藏：EclipsePalette取色器
它真的棒极了!
点击下载此rar文件点击查看预览

fanxiaojie[2009-02-11 02:07 PM| 第3楼 | 编辑 | 高级编辑 | 删除]

刚认识的一个CSS属性：outline，和border很相像，但是显示在border外面，有了它就可以让容器显示两层边线。
可惜Internet Explorer不支持。刚才用它写了几种边框样式：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled</title>
</head>
<body>
<div style="border:5px solid #9860FF;outline:5px dashed #9860ff;width:250px;height:350px;margin:15px;" name="stamp">
</div>
<div style="border:2px groove #FFC000;outline:4px solid #FFFF80;width:120px;height:150px;margin:20px;"></div>
<div style="border:outset 6px #855732;width:150px;height:180px;"></div>
</body>
</html>

fanxiaojie[2009-02-11 05:27 PM| 第4楼 | 编辑 | 高级编辑 | 删除]

之前我觉得世界之窗浏览器的“更多选项”的滚动块样式挺漂亮的。今天我用vc打开了the world 2.0.exe把这个css给扒了出来。这个滚动块css样式是这样的：

.scroll{
scrollbar-face-color:#e1eff4;
scrollbar-shadow-color:#b2cbe0;
scrollbar-highlight-color:#FFffff; 
scrollbar-3dlight-color:#b7d8ed;
scrollbar-darkshadow-color:#e1eff4;
scrollbar-track-color:#f0f0f0;
scrollbar-arrow-color:#7799b6;
}

效果请看这里article.asp?id=14

fanxiaojie[2009-02-11 09:22 PM| 第5楼 | 编辑 | 高级编辑 | 删除]

四个月前整理的一个CSS样式属性笔记 CSS样式属性.htm