搜索列表
-
CSS：自定多姿多彩的网页链接下划线
【CSS/HTML】CSS本身没有直接提供变换HTML链接下划线的功能，但只要运用一些技巧，我们还是可以让单调的网页链接下划线变得丰富多彩。 一、基本原理 首先，自定义HTML链接下划线的第一步是创建一个图形，在水平方向重复放置这个图形即形成下划线效果。如果要显示出下划线背后的网页背景，可以使用透明的.gif图形。 其...
|CS|SS|S自|自定|定多|多姿|姿多|多彩|彩的|的网|网页|页链|链接|接下|下划|划线|线| -
在DIV+CSS排版中新闻列表的制作方法
【CSS/HTML】CSS代码:.list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: none; margin: 0px; padding: 0px; } .list li{ background: url(/news/images/line.gif) repeat-x bottom; /*列表底部的虚线*/ width: 100%; } .list li a{ color: #777777; display: block; padding: 6px 0px 4px 15px; bac...
|在D|DI|IV|VC|CS|SS|S排|排版|版中|中新|新闻|闻列|列表|表的|的制|制作|作方|方法|法| -
li的简单应用(将前面的点换成图标)
【CSS/HTML】li的简单应用 *{margin:0;padding:0;} #test { width:300px; margin:5px; } #test ul li { margin:3px;/* for IE5.x*/ margin/*\*/:1px; list-style-type:none; font:normal normal normal ?px/2em helvetica,Arial, verdana; border:1px #004080 solid; background: #fefefe url('http://bbs.51js.com/images/sm...
li的简单应用(将前面的点换成图标) -
CSS布局入门
【CSS/HTML】CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV 分析一个典型的定义div例子： #sample{ MARGIN: 10px 10...
CSS布局入门 -
CSS中的滑动门技术
【CSS/HTML】ISSN: 1534-0295. 20 October 2003 – Issue No. 160 原文作者：Douglas Bowman 原文出自：A List Apart 中文翻译：54player.com nobita 版权说明：本文中文翻译版权归译者54player.com nobita所有。需要转载发表的，请先与作者联系 在CSS中，一个经常被人们讨论的先进之处即背景图像的可层叠性，并允许他们在...
CSS中的滑动门技术 -
CSS2快速参考
【CSS/HTML】自W3C（The World Wide Web Consortium）制定了代号为Cougar的HTML的4.0版本以来，存在在Web页面中的动态效果首次被正式的承认了，W3C把动态超文本（Dynamic HTML）的实现分为了三个部分：脚本、支持动态效果的浏览器和CSS。前两者也许你经常用到，但CSS是什么或许你...
CSS2快速参考 -
常用CSS缩写语法总结
【CSS/HTML】使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1； property:value1 value2; 表示top和bottom的值...
常用CSS缩写语法总结 -
对URL地址进行编码 优化2
【ASP编程】ASP(Active Server Page)是 Microsoft 公司推出的基于 PWS (Personal Web Server)& IIS (InternetInformation Server)平台的、基于 ISAPI (InternetServiceAPI) 原理的动态网页开发技术，目前日趋成熟完善。在这里仅就代码优化进行一些简单讨论。 1、声明VBScript变量 在ASP中，对vbs...
对URL地址进行编码优化2 -
CSS圆角区块容器生成器
【CSS/HTML】当然还是用图片，只是可以生成自己所需色彩的图片。 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 { background: url(tr...
CSS圆角区块容器生成器 -
CSS 实用实例(推荐)
【CSS/HTML】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需再刷新一下页面才能执行]设置一张图片做为背景 ...
CSS实用实例(推荐) -
web标准布局实例教程，用定位轻松解决CSS复杂布局
【CSS/HTML】我相信来经典论坛学习标准的朋友，99%都不是为了进W3C，不是为了成为专业的研究人员，那么大家来的目的是什么呢？很简单，其实都是想通过标准的学习让自己多增加一项技能而已，让自己在找工作的时候不会在被“需要熟练掌握web标准”而难倒，在下面的实例中xhtml并没有什么语意，文章的目的只是让然大家能更好的掌握CSS中...
web标准布局实例教程，用定位轻松解决CSS复杂布局 -
自定义容器和字体大小
【CSS/HTML】Home body { margin: 1em; text-align: center; font-family: Arial, Helvetica, sans-serif; } body * { margin: 0; } #content { padding: 1em; background-color: #BBDDFF; background-image: url(column_bg.gif); background-repeat: repeat-y; background-position: 30em 0; text-align: left; } #conte...
自定义容器和字体大小
