使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1； property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:value1 value2 value3; 表示top的值是value1，right和left的...
下面做个例子吧，这都是最基本滤镜的应用，其实两种或几种不同滤镜的组合会获得意想不到的效果，遇到问题自己多动手试试就OK了，当然要特别注意颜色的搭配，有时候用色不好是看不出效果的，配合背景图片的应用也会有很好的效果的。一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 SUNNY SUNNY 一路阳光 一路阳光 一路阳光 一路阳光 一路阳...
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 全选 注:如需引入外部Js需刷新才能执行]设置一张图片做为背景 body { background-image: url('http://www.blueidea.com/articleimg/2006/07/3744/bgdesert.jpg') } [Ctrl+A 全...
CSS Tables/* CSS Document */ body { font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; background: #E6EAE9;} a { color: #c75f3e;} #mytable { width: 700px; padding: 0; margin: 0;} caption { padding: 0 0 5px 0; width: 700px; font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: right;} th { font: bold 11px "Trebuchet MS", Ve...
display:block 将子对象作为块对象呈递。很多内联样式的效果，需要用到display。 #photo a img{border:3px solid #FF6600; } #photo a:hover {display:block;} /**若不加此句，则内联对象img的样式不会显示**/ #photo a:hover img{ border:2px solid blue;}[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]position 内容的尺寸根据布局尺寸确定对象的尺寸。 #text{position:relative;} /**若没有，则内联对象不显示。若为block，...
在设计HTML页面的过程中经常会遇到表单元素覆盖样式元素引起的问题，图一就是一个典型的例子。不要小看这个貌似“低级”的问题，即使一些规模较大的网站上类似的问题也绝不鲜见。本文探讨了造成这一问题的根本原因，并提出一种补救办法——之所以说补救办法而不是一劳永逸的解决办法，是因为微软和NetScape这两个巨头也还没有对策。一、HTML元素的显示优先级 HTML中常用的表单元素包括：文本区域（TEXTAREA），列表框（SELECT）...
给超级链接增加其他样式<html> <head> <style type="text/css"> 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:visited {color: #0000ff} a.three:hover {background: #66ff66} a.four:link {color: #ff0000} a.four:visited {color: #0...
ISSN: 1534-0295. 20 October 2003 – Issue No. 160原文作者：Douglas Bowman 原文出自：A List Apart 中文翻译：54player.com nobita 版权说明：本文中文翻译版权归译者54player.com nobita所有。需要转载发表的，请先与作者联系 在CSS中，一个经常被人们讨论的先进之处即背景图像的可层叠性，并允许他们在彼此之上进行滑动，以创造一些特殊的效果。根据CSS2.0当前的规定，每一个背景图像都需要各自的HTML元素。在许多情况下...
1， 允许全文检索的页面，为了使Internet 上的搜索引擎能够有效检索，在频道的首页的html的之间应该加入Keywords 和Description 元标记，制作页面是不要忘记添加客户网站的关键字。尤其是通用网址的页面，一定要加关键字～！这样便于推广～！ 范例： 2， 制作网站时，遇到页面有统一的头部文件和尾部文件。一定要做成单一的top头文件和bottom尾文件，然后再嵌套在页面中。这样修改方便。嵌套代码： 1. (推荐使用) 2.（使用...
body { background-color: #F0F0F0 ; font: 11px "verdana","Arial"; width:90%; margin-left:auto; margin-right:auto; } .tScroll { border: 1px #7494BF solid; background-color: #ffffff; overflow: scroll; overflow-x:hidden; height:100px; cursor: default; } tr.tableHead { position:relative; background-color:#BFCEE7; height: 16px; text-align: center; } td { font: 11px "Verdana", "Arial"; } td.asB...
怎么样，我凹下去了吧？你不想试试吗？www.lenvo.cn[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
很无聊的把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; left:10px; top:0px; filter:Alpha(style=1,opacity=30,finishOpacity=70,startY=0,finishY=256); } #pp02 { width:960px; height:256px; letter-spacing...
容器高度100%是经常用到的需求，任何容器都可以实现，而且不需要嵌套关系。 把body看作是一个容器，做为内部对象的上层标签，他的高度设置为100%是关键。 最基本的例子 * { margin:0; padding:0; border:0;}html,body { height:100%;} /* 同时设置html是为了兼容FF */#box_2 { height:100%; background:#000;} 重叠定位效果 #box_1 { position:absolute; top:0; left:0; width:100%; height:50px; background:#f00; z-index:2;}#bo...
自W3C（The World Wide Web Consortium）制定了代号为Cougar的HTML的4.0版本以来，存在在Web页面中的动态效果首次被正式的承认了，W3C把动态超文本（Dynamic HTML）的实现分为了三个部分：脚本、支持动态效果的浏览器和CSS。前两者也许你经常用到，但CSS是什么或许你并不清楚，如果有过制作Web页面的经历，你可能听说过样式单或风格单，如果对此你亦无耳闻，不要紧，只要你想制作出具有更多新特性的W eb页，本文将同样适合于你。 ...
信息来源：Wayne_Deng的专栏 有没想过在java script中使用recordset？原来在客户端操作数据也可以这样简单，定义一个数据源，将数据绑定在各种tag上，实现应用程序般的效果，酷毙了！（首先申明一点，文章的内容全部来自msdn，不过用我自己的话总结而已。） 先看看这样两个例子： http://msdn.microsoft.com/workshop/samples/author/databind/dbevts.htm http://msdn.microsoft.com/workshop/samples/author/databind/dbupdate.ht...