易截截图软件、单文件、免安装、纯绿色、仅160KB
热门标签: c c# c++ asp asp.net linux php jsp java vb Python Ruby mysql sql access Sqlite sqlserver delphi javascript Oracle ajax wap mssql html css flash flex dreamweaver xml
 最新文章 :

Web前端开发之CSS工具列表(经典)

用户界面
I Like Your Color

输入URL然后它会抓出其中的颜色并用16进制表示。
CSS
Multi-element Rollover Generator

使用CSS和一个图片创建出一个翻转按钮的样式。
CSS
Rounded Box Generator

Ruthsarian
Layouts

6个CSS页面布局模板,包括颜色、标题等。
Bluerobot Layout
Reservoir

2栏和3栏的CSS布局框架
Glish CSS Layout techniques

2、3、 4栏的CSS布局框架
The
Layout-o-matic

输入页宽、栏数和padding,它会自动生成CSS和HTML的布局框架。
Little
Boxes

w3cn.org
上提供的那些布局模板
Open Source Web Design

各种免费的完
整页面模板
Web
Builders’ Toolkit

更多的模版资源
Iconico Online CSS
Scrollbar Color Changer

List-u-Like

一个
CSS菜单生成器:轻松创建采用li并兼容各种浏览器的导航菜单。
Nifty Corners: 无需图片的圆角矩形

Round Corner Stone/Icon
(rcsi) V1.0

增强的圆角矩形
Xylescope


需下载其他站点就能轻松分析其CSS代码。
W3C Core Styles

Checkliste zur
Webseitengestaltung

Testseite
zur Zeilenbreite ......

网页变灰CSS代码

使网页变灰,有两种方法可实现:
第一种,全部变灰:
<style type="text/css">
html { FILTER: gray }
</style>
 
第二种,局部变灰,广告代码不会变灰:
<style type="text/css">
BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style> ......

网站变黑灰色CSS滤镜代码

网站变黑灰色CSS滤镜代码
引自:http://edu.seuuo.com/html/81/n-12181.html
为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。
如果网站没有使用CSS,可以在网页/模板的HTML代码<head>和</head> 之间插入:
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
有一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议
<!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">
请将网页最头部的<html>替换为以上代码。
有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的<object …>和</object>之间插入:
<param value="false" name="menu"/>
<param value ......

常用CSS选择器


选择器 语法 描述 示例 标签选择器 E{ .....} 以文档元素作为选择符 td{font-size:14px;
    ......} ID选择器 #ID{...} 以文档元素的惟一标示符ID作为选择符 #note{fron-size:14px;
    ......} 类选择器 E.className{....} 以文档元素的class作为选择符 div.note{....}
.dream{....} 群组选择器 E1,E2,E3{....} 多个选择符应用同样的样式规则 td,p,div.a{.....} 后代选择器 E F{...} 元素E的任意后代F #links a{.....} 通配选择符 *{......} 以文档的所有元素作为选择符
*{......}

......

纯CSS实现下拉列表

<!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>无标题文档</title>
<style type="text/css">
*{ margin:0; padding:0;}
body{ font-size:12px; line-height:18px;}
li{ list-style:none;}
#nav{ position:relative; width:600px; margin:0 auto 10px; height:22px;}
#nav ul{ position:absolute;}
#nav ul li{ float:left; display:inline; width:120px; height:18px; padding-top:4px; overflow:hidden; margin:0 2px; text-align:center; background:#F5F5F5; color:#990; border:1px solid #EEE8DD; cursor:pointer; }
#nav ul .nav-on{height:auto;}
#nav ul li ul{ position:static;}
#nav ul li ul li{ display:block; padding:0; margin:0; height:27px; border:none;}
#nav ul li ul li a{ display:block; height:18px; padding:5px 0 4px; color:#666; text-decoration:none;}
#nav ......

CSS hack:区分IE6,IE7,firefox

转自:http://www.div-css.com/html/XHTML-CSS/hack/1136667.html
区别不同浏览器,CSS hack写法:
区别IE6
与FF

       background:orange
;*
background:blue
;
区别IE6
与IE7

       background:green
 !important
;background:blue
;
区别IE7
与FF

       background:orange
; *
background:green
;
区别FF
,IE7
,IE6

       background:orange
;*
background:green
 !important
;*background:blue
;
注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
IE6
IE7
FF
*


×
!important
×


另外再补充一个,下划线"_
",
IE6支持下划线,IE7和firefox均不支持下划线。
于是大家还可以这样来区分IE6
,IE7
,firefox
:
background:orange
;*
background:green
;_
background:blue
;
注:不管是什么方法,书写的顺序都是firefox的写在 ......
总记录数:40319; 总页数:6720; 每页6 条; 首页 上一页 [1461] [1462] [1463] [1464] 1465 [1466] [1467] [1468] [1469] [1470]  下一页 尾页
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号