div+css设置列表li超出部分显示省略号
- 22158
- 2008/3/17 23:38:48
我们常常希望列表中的内容,超过设置的长度的时候,不要撑开父元素,也不希望它直接换行;我们更愿意用div+css设置列表li超出部分显示省略号。而在title标签中,置放的是完整的标题。 这样的方法新手们常常不知道该如何搞定。下面就是方法的演示。不过请注意此方法适用与IE与OP浏览器! 设置li超阅读全文
一行内文本超出指定宽度溢出的处理
- 9691
- 2008/3/17 23:31:00
div+css控制文本长度一般的文字截断(适用于内联与块): .text-overflow{display:block;/*内联对象需加*/width:31em;word-break:keep-all;/*不换行*/white-space:nowrap;/*不换行*/overflow:hidd阅读全文
DIV+CSS实现内容垂直居中的一个例子
- 9320
- 2008/3/17 23:24:03
DIV+CSS实现内容垂直居中的一个例子 以下是引用片段: <html><title>深山行者</title><head><style>.holder{width:740px;height:500px;border:阅读全文
用CSS层叠样式表实现文字变图象特效
- 7662
- 2008/3/15 20:41:50
一段文字,当鼠标在文字上面单击,文字消失,原来文字的地方却立即变成了一张图片,当鼠标在图片上单击,图片又消失,原来的文字又重现了,像变魔术一样,是不是有意思?!这种效果用Dreamweaver的Behavirs功能也可实现,但那要增加一段Javascript程序,明显增加了不少代码。而用CSS来制作阅读全文
高度100%的绝对定位自适应布局技巧
- 8227
- 2008/3/15 20:39:39
容器高度100%是经常用到的需求,任何容器都可以实现,而且不需要嵌套关系。 把body看作是一个容器,做为内部对象的上层标签,他的高度设置为100%是关键。 最基本的例子 以下是引用片段: *{margin:0;padding:0;border:0;} html,b阅读全文
ASP过滤SQL中的非法字符并格式化相关的html代码
- 7811
- 2008/3/15 20:34:15
以下是引用片段: <%functionchangechr(str)changechr=replace(replace(replace(replace(str,"<","<"),">",">"),chr(13),"<br&g阅读全文
web2.0 div+css 设计中一些标准化学习指南
- 8961
- 2008/3/15 20:03:27
Step1.不要一味使用DW等工具设计网页,去熟悉(X)HTML语言和CSS语言因为web标准对代码的要求提高了,没有对xhtml代码没有一定的了解是无法通过校检的。DW工具也可以使用,但是要看着代码写网页了。首先是xhtml代码,不是很多,知道他们如何使用,怎么正确书写,而且要记得封闭tag。如&阅读全文
兼容ie和火狐ff的透明度设置
- 10304
- 2008/3/14 20:30:13
在网上找的兼容ie和火狐ff的透明度设置。 利用: alpha透明度设置,以下是用到的参数说明 opacity:可选项。整数值(Integer)。设置或检索透明渐变的开始透明度。取值范围为0-100。默认值为0,即完全透明。100为完全不透明。opacity:可选项。整数值(Integer阅读全文
java探测页面是否全屏,如果不是全屏则自动全屏
- 10160
- 2008/2/22 15:35:08
java探测页面是否全屏,如果不是全屏则自动全屏 可能会用得到。 代码如下: 以下是引用片段: <scripttype="text/javascript">functioncheck(){varsWidth=window.screen.availWidth;v阅读全文
CSS的常用的一些技巧
- 6606
- 2008/1/4 10:50:27
class和id的值在HTML和XHTML中也是区分大小写的,如果你一定要大小写混合写,请仔细确认你在CSS的定义和XHTML里的标签是一致的。例如:我们先定义两个样式,第一个样式背景为#666;第二个样式有10px的边框。这样最终的显示效果是这个div既有#666的背景,也有10px的边框。 阅读全文
CSS制作网页中的一些经验总结
- 8100
- 2007/12/26 19:51:30
使用DIV+CSS排版不是用换个标签然后再去按照表格的方式去排版,而是做到内容与表现的分离。 1:ID用于标识页面单独元素以及持久行的结构性元素方便JS的调用 类用于标识同一页面可重复定义使用的结构性元素ID与类的命名需与表现形式无关:leftContent而使用有意义的定义方式:sideBar阅读全文
CSS布局实例:上中下三行,中间自适应
- 9423
- 2007/12/25 22:01:32
CSS布局实例:上中下三行布局,上下定高,中间栏自适应浏览器高度,且内容垂直居中。本文代码在firefox2.0/winie6/winie7/opera8.5cn/winsafari测试通过。对于非ie内核浏览器,通过设定display:table、display:table-row和display阅读全文
利用CSS制作的网站中新闻文章列表效果
- 8887
- 2007/12/23 20:05:58
应用CSS制作的新闻网站中的文章列表:ul是html中的无序列表,li是列表中的列表项。如果没有CSS定义它的外观,它默认是显示成一列列表,并且它会存在项目符号(比如方块或实心的黑点)的列表内容。CSS网页布局中,除了新闻列表、链接运行ul、li制作以外,我们通常将菜单也用ul、li来实现。 阅读全文
div+css中文字居于底部的解决方法与代码
- 10218
- 2007/12/23 19:56:40
css对文字的布局上没有靠容器底部对齐的参数,目前使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近的距离还可以精确到像素,自己可以调节,是不是很不错呢? 以下是引用片阅读全文
利用CSS中的float属性实现文字环绕图片的效果
- 24745
- 2007/12/23 19:53:55
在做布局的过程中常常遇到文字围绕图片的效果。如何用CSS实现文字环绕图片的效果呢,通过这个例子就能看出。 其实很简单,就是图片浮动位置的调整。 以下是引用片段: <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""ht阅读全文
关于字体在CSS中处理效果的思考
- 6290
- 2007/12/23 19:34:42
字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影响是巨大的。看看下面的图示就会发现,英文字体里的那些变化阅读全文
div+css中absolute标签与relative标签的巧妙运用
- 11670
- 2007/12/23 19:32:16
Div+CSS进行网页布局,适当地运用absolute与relative,能给布局带来意想不到的效果和方便,达到事半功倍…本文介绍了关于absolute与relative的运用。 详细讲解两者的关系,需要配合例子,请先看例子: 以下是引用片段:<!DOCTYPEhtmlPU阅读全文
从空格谈起--关于CSS模块化设计
- 5771
- 2007/12/23 19:29:02
一、空格运算符 (1)CSS语言简单地说,CSS语言类似JS语言,是通过客户端下载后,通过本地浏览器解析。而CSS语言又是非常低级的“弱类型”语言,离JS这种基于对象的比较完善的“弱类型”语言,还差相当一段距离。要知道CSS样式是定义出来的,而样式的呈现是根据文档流顺序和CSS优先级别,浏览器自己阅读全文
解析css属性的另类属性之媒体(Media)类型
- 6016
- 2007/12/23 19:23:47
样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"font-size"属性只对可卷动的媒体类型有效(屏幕)。 声明一个媒体属性可以用@import或@media引入: 以下是引用片段:@importurl(lou阅读全文
网站SEO优化应该注意的14点重要事项
- 6134
- 2007/12/23 0:28:59
网站优化:可以从狭义和广义两个方面来说明。狭义的网站优化,即搜索引擎优化,也就是让网站设计适合搜索引擎检索,满足搜索引擎排名的指标,从而在搜索引擎检索中获得排名靠前,增强搜索引擎营销的效果。广义的网站优化所考虑的因素不仅仅是搜索引擎,也包括充分满足用户的需求特征、清晰的网站导航、完善的在线帮助等,在阅读全文