Welcome

首页 / 脚本样式 / CSS

首届世界CSS设计大赛结果揭晓

2017-02-06 21
Site of the YearWinner: UX Magazine 2nd.- Veerle"s Blog 2.03rd.- VitaminAssociationsWinner: Principles of Freedom2nd.- White Pine Montessori3rd.- Dalit Freedom NetworkBloggingWinner: Simple Bits2nd.- Veerle"s Blog 2.03rd.- This is...

web标准布局实例教程，用定位轻松解决CSS复杂布局

2017-02-06 21
我相信来经典论坛学习标准的朋友，99%都不是为了进W3C，不是为了成为专业的研究人员，那么大家来的目的是什么呢？很简单，其实都是想通过标准的学习让自己多增加一项技能而已，让自己在找工作的时候不会在被“需要熟练掌握web标准”而难倒，在下面的实例中xhtml并没有什么语意，文章的目的只是让然大家能更好的掌握CSS中相对、绝对定位的用法（新手问此问题的确实很多），及如何有效的结合背景，实现比较复杂的布局。不足之处还望前辈们能指点一二,感谢！----------...

css静态滤镜

2017-02-06 23
很无聊的把n个滤镜堆在一起就成了下面这个效果，呵呵 IE5.5+Only #pp00 { width:950px; height:256px; position:absolute; left:10px; top:0px; background-color:#000060; font-size:256px; } #pp01 { width:0px; height:256px; background-color:red; position:absolute;...

CSS 实用实例（推荐）

2017-02-06 24
Background背景 设置背景颜色 body {background-color: yellow} h1 {background-color: #00ff00} h2 {background-color: transparent} p {background-color: rgb（250,0,255）} This is header 1 This is header 2 This is a paragraph [Ctrl+A 全选 注...

给超级链接增加其他样式

2017-02-06 23
给超级链接增加其他样式 a.one:link {color: #ff0000} a.one:visited {color: #0000ff} a.one:hover {color: #ffcc00} a.two:link {color: #ff0000} a.two:visited {color: #0000ff} a.two:hover {font-size: 150%} a.three:link {color: #ff0000} a.three:v...

给图片加阴影效果的CSS

2017-02-06 21
.pic { position:relative;background:#CCC;margin:10px; } .pic span { display:block; border:1px solid #333; background:#FFF; position:relative; padding: 3px; } .right {/*阴影在右边时*/ top:-4px;left:-4px; } .left {/*阴影在左边时*/top:-4px;right...

CSS反转字符加密邮箱地址

2017-02-06 36
为了防止爬虫软件搜索到你的Email地址，可以将Email倒着写，然后使用样式将其再正过来，代码如下： 效果如下：我的邮箱moc.liamg@100yxuod.backwards {unicode-bidi:bidi-override; direction: rtl; color:#c00;}h2.email {color:#000; text-decoration:none; border:0; font-size:2em; font-weight:bo...

firefox样式表定义不支持cursor:hand

2017-02-06 22
如果你在firefox下设置cursor:hand;会报错 所以你要用cursor:pointer才可以 完整形式 <style> cursor:pointer; </style> ...

解决input对齐问题vertical-alige

2017-02-06 24
function createForm（number,nw） {data = ""; number=parseInt（number）;for （i=1; i ...

表格隔行换色 css expression

2017-02-06 24
第一行为其它颜色，这样写这个表达式表格CSS测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试表格测试 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]比较强的css表格CSS测试表格测试表格测试表格测试表格测试表...

HTML标记第1/2页

2017-02-06 24
-<！----> -说明：注释标记，在“<！--”与“-->”之间的内容将不在浏览器中显示。 --------------------------------------------------------------------------------- -<！DOCTYPE> -说明：描述文件所符合的HTMLDTD，用于对文件的兼容性作简要说明。 -----------------------------------...

CSS圆角区块容器生成器

2017-02-06 23
当然还是用图片，只是可以生成自己所需色彩的图片。http://www.neuroticweb.com/recursos/css-rounded-box/将上面生成的图片和下面代码存在同一个文件夹下：CSS圆角区块容器.rbroundbox { background: url（nt.gif） repeat; }.rbtop div { background: url（tl.gif） no-repeat top left; }.rbtop { backgrou...

HTML表单元素覆盖样式元素问题及其补救之道

2017-02-06 36
在设计HTML页面的过程中经常会遇到表单元素覆盖样式元素引起的问题，图一就是一个典型的例子。不要小看这个貌似“低级”的问题，即使一些规模较大的网站上类似的问题也绝不鲜见。本文探讨了造成这一问题的根本原因，并提出一种补救办法——之所以说补救办法而不是一劳永逸的解决办法，是因为微软和NetScape这两个巨头也还没有对策。 一、HTML元素的显示优先级 HTML中常用的表单元素包括：文本区域（TEXTAREA），列表框（SELECT），文本输入框（INPU...

容器高度100%的绝对定位布局

2017-02-06 25
容器高度100%是经常用到的需求，任何容器都可以实现，而且不需要嵌套关系。把body看作是一个容器，做为内部对象的上层标签，他的高度设置为100%是关键。最基本的例子* { margin:0; padding:0; border:0;}html,body { height:100%;} /* 同时设置html是为了兼容FF */#box_2 { height:100%; background:#000;}重叠定位效果#box_1 { position:ab...

网页美工制作规范

2017-02-06 19
1，允许全文检索的页面，为了使Internet上的搜索引擎能够有效检索，在频道的首页的html的<head></head>之间应该加入Keywords和Description元标记，制作页面是不要忘记添加客户网站的关键字。尤其是通用网址的页面，一定要加关键字～！这样便于推广～！ 范例： <metaname="DESCRIPTION"content="提供域名注册,服务器主机空间,网站设计制作建设,电子商务系统开发,软件开发等"...

保存几个不错的css特效字

2017-02-06 22
.drop0 {color:#FFFFFF;filter: DropShadow（Color=#000000, OffX=1, OffY=1, Positive=1）;FONT-SIZE: 12px;}.drop1 {color:#000000;filter: DropShadow（Color=#FFFFFF, OffX=1, OffY=1, Positive=1）;FONT-SIZE: 12px;}测试CSS文字阴影特效测试CSS文字阴影特效Test C...

CSS滤镜示范（filter）附源代码（静态滤镜）

2017-02-06 20
filter（css滤镜） body { margin: 0px; padding: 0px; } table { font-size: 12px; border: 1px solid #0000FF; } tr,td { padding: 0px; border: 1px solid #0000FF; } filter视觉滤镜的种类 Alpha（透明度） Blur（模糊） Chroma（指定颜色透明） DropShadow（不透明阴...

CSS实现表格的背景两色渐变

2017-02-06 22
原理是使用Alpha滤镜在每个表格上加上一个透明渐变，由table的背景颜色控制，单个td控制另一色渐变 Alpha滤镜 语法：{FILTER：ALPHA（opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy）} Filter:Alpha（Opacity=100,FinishOpa...

top、clientTop、scrollTop、offsetTop

2017-02-06 21
top、clientTop、scrollTop、offsetTop 图示说明如下： 51windows.Net vars = "";s += " 网页可见区域宽："+ document.body.clientWidth;s += " 网页可见区域高："+ document.body.clientHeight;s += " 网页可见区域宽："+ document.body.offsetWidth+" （包括边线的宽）";s += " 网页可见区域高...

梦幻式下拉菜单

2017-02-06 20
A {TEXT-DECORATION: none}A:hover {COLOR: #ff9900; TEXT-DECORATION: underline}TD {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}TH {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}BODY {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}#mnu {FILTER: revealTrans（Duration=1....
<< 1 2 3 4 5 6 7 8 9 10 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图