文章标题关闭所有内容预览 | 展开所有内容预览
-
[图文] 用CS5操控变形工具把绳子扭曲成文字,很棒的
[内容预览]
39 | 2011-06-27
本教程需要CS5版本的支持。用到一个操控变形工具，教程中作者会详细介绍这个工具的使用方法和技巧。用这个工具可以随意把绳子或其他物体扭曲成想要的效果，非常实用。 最终效果 1、首先我们要有一段很长的绳子...
[阅读全文]
-
如何让超长文字自动隐藏
[内容预览]
151 | 2009-04-29
如何让超长文字自动隐藏 以下是HTML网页特效代码： <NOBR style="text-overflow:ellipsis;overflow:hidden;width:200px">多个介绍说overflow:hidden;可以实现文字自动隐藏， 可是我怎么弄都弄不出来，都是自动换行...
[阅读全文]
-
网页即时换肤功能详解
[内容预览]
56 | 2009-04-29
原理:通过存取cookie和dom操作调用不同的样式表文件来实现前台换肤. Html代码部分: 1.要有一个带id的样式表链接,我们要通过操作这个链接来调用不同的href. 复制内容到剪贴板 代码: <link href="css/main0.css...
[阅读全文]
-
各种样式的鼠标光标指针代码
[内容预览]
223 | 2009-04-29
auto ：标准光标 default ：标准箭头 hand ：手形光标 wait ：等待光标 text ：I形光标 vertical-text ：水平I形光标 no-drop ：不可拖动光标 not-allowed ：无效光标 help ：?帮助光标 all-...
[阅读全文]
-
用CSS实现的一张图完成的导航条
[内容预览]
73 | 2009-04-29
这个特效仅用了一张图片实现多个导航按钮的背景效果. 以下是HTML网页特效代码 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>用CSS实现的一张图完成的导航条</title> ...
[阅读全文]
-
[CSS基础教程]background属性详细解析
[内容预览]
77 | 2009-04-29
CSS背景图像属性background详细解析 CSS的背景属性“background”提供了众多属性值，如颜色、图像、定位等，为网页背景图像的定义提供了极大的便利。看看background提供的属性值： background : background-colo...
[阅读全文]
-
CSS高手分享精典技巧
[内容预览]
74 | 2009-04-29
CSS高手分享精典技巧 一、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 二、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次。对一个标签同时使用class和id进行CSS定...
[阅读全文]
-
[图文] margin属性详解
[内容预览]
38 | 2009-04-29
margin在中文中我们翻译成外边距或者外补白（本文中引用外边距）。他是元素盒模型（box model）的基础属性。 一、margin的基本特性 margin属性包括margin-top,margin-right,margin-bottom,margin-left,margin，可...
[阅读全文]
-
网站通过W3C CSS标准的一些经验
[内容预览]
45 | 2009-04-29
一、少用偏门。类似break-word断行，z-index手动分层，还有像垂直对齐等等这些偏门CSS最好少用，因为不一定所有浏览器都支持，而且极难通过W3C检测。 二、center不是float的值。很多新手都会把center误认为是floa...
[阅读全文]
-
通过CSS如何让图片实现垂直居中
[内容预览]
78 | 2009-04-29
在一个容器里再定义一个绝对定位的p容器，再在p容器里放需要垂直居中的图片，图片定义相对定位的CSS。 直接上CSS代码： #pic { width:300px; height:300px; background-color:green; border:6px s...
[阅读全文]
-
简化常用的CSS属性代码,让你的CSS更精简清晰
[内容预览]
53 | 2009-04-18
简化CSS属性代码,可以让CSS文件体积变得更小,读取速度更快,可维护性更高. 下面分别示例最常用的一些CSS属性代码的简化方法: margin margin-top:1px; margin-right:1px; margin-bottom:1px; margin-left:1px; ...
[阅读全文]
-
CSS一些常见的技巧分享
[内容预览]
13 | 2009-04-18
1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以...
[阅读全文]
-
CSS布局命名规范
[内容预览]
35 | 2009-04-18
CSS布局命名规范 说明：均为class，需要扩展，则在当前命名内以“_“(下划线)后缀自定名称。 我习惯称列表页为list，新闻列表则为newslist，图片列表为piclist， 内容页为view， /**/ 整体大框架：#wrapper 大...
[阅读全文]
-
分时段来给网站显示不同的CSS风格样式
[内容预览]
27 | 2009-04-18
上面的这两个网站就是根据时间自动调整站点风格，其实这种根据时间自动调整站点风格也不是什么新鲜事了，记得好久以前也见过类似的文章或方法，只不过当时没有特别注意。 好的，下面说一下它们的实现方法，目前网上...
[阅读全文]
-
display:inline与float:left的正确解释
[内容预览]
36 | 2009-04-18
首先我们要明确，display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其...
[阅读全文]
-
纯CSS仿QQ消息管理器的样式
[内容预览]
105 | 2009-04-18
以下是HTML网页特效代码 <html> <head> <title> </title> <style type="text/css"> .msgbox { padding:5px; width:700px; height:600px; overflow:hidden; margin:100px auto; border:1px solid #83B8DC; bac...
[阅读全文]
-
[图文] 网页中最好避免出现banner.gif命名
[内容预览]
51 | 2009-04-18
最近遇到了两次相同的问题，在网页中的banner图片不显示。其实类似于有些浏览器会屏蔽“ad”一样。banner也是我们经常用到的一个图片命名，但是这样命有时候会出现一些“莫名其妙”的问题，比如在用banner.gif或者*/...
[阅读全文]
-
标准的css代码顺序写法
[内容预览]
107 | 2009-04-18
书写顺序和浏览器解析过程有关！浏览器先对dom定位，然后解析自身属性，然后再解析内部对象！ //显示属性 display list-style position float clear //自身属性 width height margin padding border ...
[阅读全文]
-
标题超出宽（长）度部分自动显示省略号的CSS代码
[内容预览]
103 | 2009-04-18
标题超出宽（长）度部分自动显示省略号的CSS代码 li { line-height:13px; height:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
[阅读全文]
-
CSS通用框架：打造自己的Reset.css
[内容预览]
121 | 2009-04-18
0，引言 每每有新项目，第一步就是应当使用一个reset.css来重置样式。滥用不如不用，直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。所以最好还是自己写一个reset.css，并且要明白每一条reset都是用来做...
[阅读全文]
-
如何禁止框架横向滚动条或控制不显示横向滚动条
[内容预览]
1576 | 2009-04-18
代码很简单，在框架页里的body标签写入这个代码： 如何控制不显示横向滚动条 <body style="overflow-x:hidden;overflow-y:auto"> 再看看，是不是已经解决了？
[阅读全文]
-
CSS代码中px与pt的区别
[内容预览]
64 | 2009-04-18
pt 是个绝对单位，1 pt =1/72 英寸 一个是设备坐标，一个是逻辑坐标，两者是不同的。 px是个相对单位，一般像素的参考值为：在一个像素密度是90 pdi的显示器上，正常人从距离显示器28英寸处看一个像素的视角...
[阅读全文]
-
CSS透视镜效果
[内容预览]
312 | 2009-04-18
<style> body{ background:url(http://www.zcool.com.cn/pic/background/23/bg23_005.gif); overflow:hidden; } </style> <body> <script> function id(obj){//取id函数 return document.getElementById...
[阅读全文]
-
5个优化CSS代码的技巧
[内容预览]
8 | 2009-04-18
1.重置 首先，很认真的告诉你，总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset 或者你自己编写的重置代码，只要使用就对了。 它能很简单的移除所有元素的填充（padding）和边距（margin）： ...
[阅读全文]