Welcome

首页 / 脚本样式 / CSS

双表法调用样式表

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

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

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

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

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

文字应用css滤镜集锦

2017-02-06 43
.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滤镜做图案文字

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

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

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

CSS hack浏览器兼容一览表

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

_blank开新窗口不符合标准？

2017-02-06 33
本文参考了以下文章：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缩写语法总结

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

Flash页面如何通过校验

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

静态页面加密

2017-02-06 27
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（盒模式）的分析

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

CSS2快速参考

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

学习CSS的10大理由

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

如何禁止打印页面

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

比较不错的打印效果 css

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

！important在ie7.0的hack方法

2017-02-06 39
由于ie对！important识别存在bug,而现在大部分网页标准设计师又通过这个bug来兼容ie和ff,但是ie7.0把这个bug给修复了,所以问题又出现了,怎么兼容ie.7.0的同时又能兼容ie6.0和ff？正所谓"上有政策,下有对策",国外的网页标准设计师通过使用cssfilter的办法（并不是csshack）来兼容ie7.0,ie6.0和ff,以下为我从国外网站的翻译. 新建一个css样式如下： #item{ width:200px; height...

CSS中的滑动门技术

2017-02-06 32
ISSN: 1534-0295. 20 October 2003 – Issue No. 160原文作者：Douglas Bowman 原文出自：A List Apart 中文翻译：54player.com nobita 版权说明：本文中文翻译版权归译者54player.com nobita所有。需要转载发表的，请先与作者联系 在CSS中，一个经常被人们讨论的先进之处即背景图像的可层叠性，并允许他们在彼此之上进行滑动，以创造一些特殊的效果。根据CSS2.0...

最基本的几种 CSS 文字滤镜效果

2017-02-06 32
下面做个例子吧，这都是最基本滤镜的应用，其实两种或几种不同滤镜的组合会获得意想不到的效果，遇到问题自己多动手试试就OK了，当然要特别注意颜色的搭配，有时候用色不好是看不出效果的，配合背景图片的应用也会有很好的效果的。 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 SUNNY SUNNY 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光...

CSS布局入门

2017-02-06 42
CSS布局与传统表格（table）布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层（div）来定位，通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV 分析一个典型的定义div例子： #sample{MARGIN:10px10px10px10px; PADDING-LEFT:20px; PADDING-TOP:20px; PADDING-RIG...
<< 1 2 3 4 5 6 7 8 9 10 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图