CSS资料,CSS文章,CSS文档-易库教程_www.escdns.com

易网时代-编程资源站

首页 / 脚本样式 / CSS

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

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

2016年07月27日 70 阅读

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实现表格的背景两色渐变

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

2016年07月27日 85 阅读

原理是使用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

top、clientTop、scrollTop、offsetTop

2016年07月27日 71 阅读

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

梦幻式下拉菜单

梦幻式下拉菜单

2016年07月27日 61 阅读

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....

双表法调用样式表

双表法调用样式表

2016年07月27日 71 阅读

用web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂CSS是设计不出漂亮的页面的。事实上，所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局，现在要改用DIV来定位和布局。这是思维方式的变化，一开始有些不习惯。呵呵，任何变革都会有阻力的，为了享受标准带来的"益处"，放弃一些老的传统做...

闭合浮动元素超级简单的方法

闭合浮动元素超级简单的方法

2016年07月27日 66 阅读

无意中看到的一个非常不错的小技巧.是关于用CSS处理闭合浮动元素的方法,收藏了.关于闭合浮动元素（clearingfloat）的方法现在已经很多了，你还不了解的话去old9的blog看看，有一篇闭合浮动元素。这些方法我最喜欢就是使用:after伪类动态的嵌入一个用于清除浮动的元素，可惜代码量太大了，看着不够简洁。现在我看到有个方法超级简单。赶紧介绍一下。原文在：http://annevankesteren.nl/2005/03/clearing-float...

典型的三行二列居中高度自适应布局

典型的三行二列居中高度自适应布局

2016年07月27日 74 阅读

如何使整个页面内容居中，如何使高度适应内容自动伸缩。这是学习CSS布局最常见的问题。下面就给出一个实际的例子，并详细解释。（本文的经验和是蓝色理想论坛xpoint、guoshuang共同讨论得出的。）首先先按这里看实际运行效果，这个页面在mozilla、opera和IE浏览器中均可以实现居中和高度自适应。我们来分析代码：完整代码<html><head><style type="text/css">body{backgro...

文字应用css滤镜集锦

文字应用css滤镜集锦

2016年07月27日 68 阅读

.abc {line-height: 22px} .t12 { font-family:华文行楷;font-size: 15px; font-weight: lighter; color: ##C3C1C1;Filter: dropshadow（color=#ffffff,offx=1,offy=1）; TEXT-ALIGN: center;TEXT-DECORATION: none } | 懒的逍遥 | 心有灵犀 | 爱在东海 | 无忧制造 |...

巧用CSS滤镜做图案文字

巧用CSS滤镜做图案文字

2016年07月27日 72 阅读

经典论坛 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]...

用！important解决IE和Mozilla的布局差别

用！important解决IE和Mozilla的布局差别

2016年07月27日 84 阅读

在设计《网页设计师》页面的时候，有一个问题一直困扰着我，主菜单在IE和其他（Mozilla、Opera等）浏览器里显示的效果偏差2px。截图如下：IE中的效果 Mozilla Firefox中的效果这是因为IE对盒之间距离的解释的bug造成的（参考onestab的" 浮动模型的问题 "）。我一直没有解决这个问题，直到我翻译 " 表格对决CSS--一场生死之战 "时，作者的一个技巧提示帮我找到了解决的方法：用！important。！important是CS...

CSS hack浏览器兼容一览表

CSS hack浏览器兼容一览表

2016年07月27日 80 阅读

CSS hack是指我们为了兼容各浏览器，而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表，显示了各浏览器对css hack的支持程度，对我们制作兼容网页非常有帮助。...

_blank开新窗口不符合标准？

_blank开新窗口不符合标准？

2016年07月27日 76 阅读

本文参考了以下文章：Kevin Yank的《New-Window links in a Standards-Compliant World》《Standards-based Replacement for target="_blank" in External links》我们要在新窗口中打开链接通常的做法是在链接后面加target="_blank"，我们采用过渡型的DOCTYPE（xh tml1-transitional. dtd）时没有问题，但是当我...

常用CSS缩写语法总结

常用CSS缩写语法总结

2016年07月27日 95 阅读

使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1； property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:...

Flash页面如何通过校验

Flash页面如何通过校验

2016年07月27日 73 阅读

1.embed是非法的<embed>标签是Netscape的私有标签，虽然<embed>标签应用广泛存在，但是从HTML3.2,HTML4.0到XHTML1.0，W3C都没有收录这个标签。使用<embed>标签的页面将不能通过W3C校验。2.应该用objectW3C推荐的是<object>标签。甚至在XHTML2中，<img>都要被<object>所取代。用<object>...

静态页面加密

静态页面加密

2016年07月27日 69 阅读

Web Encoderbody {font-size:12px;line-height:12px;background-Color:buttonface;border-width:0px;overflow:auto;margin:0px;padding:4px;}#t1, #t2 {width:100%;height:40%;border-width:1px;overflow:auto;height:expression（（document.body.c...

CSS中box（盒模式）的分析

CSS中box（盒模式）的分析

2016年07月27日 74 阅读

本篇用box的图例，对CSS中box（盒模式）的分析，为学习CSS的读者建立了清楚的模型。 W3C定义的盒模式如下: width和height定义的是Content部分的宽度和高度，padding border margin的宽度依次加在外面。背景会填充padding和content部分。但是由于浏览器设计上的问题，不同浏览器显示效果会有些不同。左右Margin加倍的问题当box为float时，IE6中box左右的margin会加倍左面的inner的左面...

CSS2快速参考

CSS2快速参考

2016年07月27日 76 阅读

自W3C（TheWorldWideWebConsortium）制定了代号为Cougar的HTML的4.0版本以来，存在在Web页面中的动态效果首次被正式的承认了，W3C把动态超文本（DynamicHTML）的实现分为了三个部分：脚本、支持动态效果的浏览器和CSS。前两者也许你经常用到，但CSS是什么或许你并不清楚，如果有过制作Web页面的经历，你可能听说过样式单或风格单，如果对此你亦无耳闻，不要紧，只要你想制作出具有更多新特性的Web页，本文将同样适合于你...

学习CSS的10大理由

学习CSS的10大理由

2016年07月27日 87 阅读

作为一个热门技术，CSS的发展的确有些缓慢。CSS最早被提议在1994年，最早被浏览器支持在1996年，CSS一直被力捧为传统的以HTML为基础的web代码的继承者。CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率、易于设计和有远见。然而，也一直有荒诞的说法围绕着CSS，阻碍了网页设计师学习和掌握这种语言。究竟是什么让人们大惊小怪呢？我们访问了大学教师ChristopherSchmitt，他是CSS的倡导者之一。Christopher...

如何禁止打印页面

如何禁止打印页面

2016年07月27日 86 阅读

解决思路：要真正禁止打印页面是办不到的，但是如果能设置让用户打印到的是空白，也算是实现禁止打印的目的了。具体步骤：代码示例： <html> <head><title>不可打印的页面</title> <style> @mediaprint{ body{display:none} } </style> </head> <body> 文档主要内容 </bo...

比较不错的打印效果 css

比较不错的打印效果 css

2016年07月27日 72 阅读

<html> <head> <title>看看</title> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"> <！--media=print这个属性可以在打印时有效--> <stylemedia=print> .Noprint{display:none;} .PageNext{page-b...

<< 41 42 43 44 45 46 47 48 49 50 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图