搜索列表
-
CSS网页布局入门教程5：二列宽度自适应
【CSS/HTML】从二列固定宽度入手，开始尝试二列布局的情况下，左右栏宽度能够做到自适应，从一列自适应布局中我们知道，设定自适应主要通过宽度的百分比值设置，因此在二列宽度自适应的布局中也同样是对百分比宽度值的设计，继续上面的CSS代码，我们得新定义二列的宽度值： 复制代码 代码如下:#left { ...
CSS网页布局入门教程5：二列宽度自适应 -
CSS网页布局入门教程4：二列固定宽度
【CSS/HTML】有了一列固定宽度作为基础，二列固定宽度就非常简单，我们知道div用于对某一个区域的标识，而二列的布局，自然需要用到两个div，XHTML代码如下： 复制代码 代码如下:<div id="left">左列</div> <div id="right">右列</div> 新的代码结构中使用了两个id，分别为l...
CSS网页布局入门教程4：二列固定宽度 -
XHTML下用dl,dt,dd标签实现翻页的效果代码
【CSS/HTML】今天在标准之类的blog(http://www.aa25.cn)看到"纯CSS代码实现翻页" 的文章 dl { position:absolute; width:389px; height:154px; border:10px solid #eee; } dd { margin:0; width:389px; height:154px; overflow:hidden; } img { border:1px solid black } dt { position:absolute; right:3px; top:50px; } a { di...
XHTML下用dldtdd标签实现翻页的效果代码 -
IE6，IE7和firefox对DIV的支持区别
【CSS/HTML】1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。 现在写一个CSS可以这样： #1 {&n...
IE6，IE7和firefox对DIV的支持区别 -
提高页面加载速度的几个方法小结
【网站应用】很久没写技术方面的东西，是因为在做了一段时间的技术以后我越发发现，学什么技术或者技术应该钻研到什么层次真的不是最重要的，最重要的是解决问题的方法和能力。所以以后如果再写技术类的文章，定要少些技术细节，多一些方法和思路，今天就给大家介绍几个提高页面装载时间的方法，都是我在工作当中实践出来的经验。 首先给大家...
提高页面加载速度的几个方法小结 -
一些很不错的css技巧,但也常为人们所忽略
【CSS/HTML】一.区分大小写 当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。为了避免这种错误，我建议所有的定义名称都采用小写。 二.不需要给背景图片路径加引号 为了节省字节，我建议不要给背景图片路径加引号，因为引号不是必须的。例如： background:url("images/***.gif") #333; 可以写为 backgrou...
一些很不错的css技巧但也常为人们所忽略 -
font和line-height之CSS代码书写顺序不同，导致显示效果不一样
【CSS/HTML】无意中发现，针对同一HTML标记，在CSS中同时应用了font和line-height属性时，就得小心了，这二者的书写顺序不一样，会导致显示效果不同。 即： >>> 如果先写font，再写line-height，显示效果正常 >>> 如果先写line-height，再写font，则line-height定义的效果会丢失，在IE、Firef...
font和line-height之CSS代码书写顺序不同，导致显示效果不一样 -
用css来控制图片大小显示的实现方法与代码
【CSS/HTML】有时候图片太大，会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度 css代码如下： img,a img{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width>590?"590px":this.width); max-height:590px; height:expression(this.height>590?"590p...
用css来控制图片大小显示的实现方法与代码 -
代码实例之纯CSS代码实现翻页效果
【CSS/HTML】纯CSS实现翻页效果，原理比较简单，书签配合隐藏。 dl { position:absolute; width:240px; height:170px; border:10px solid #eee; } dd { margin:0; width:240px; height:170px; overflow:hidden; } img { border:1px solid black } dt { position:absolute; right:3px; top:50px; } a { display:block; margi...
代码实例之纯CSS代码实现翻页效果 -
CSS设置网页的字体 防浏览器浏览页面字体变形
【CSS/HTML】电脑里说不上是哪里出问题了. 看很多网页, 字体都变了. 不是宋体了. 看上去比较难看. 拿SOHU来说吧, 在我的电脑上看就是这样. 可能看不去不太舒服吧. 而看网易并没有这样的问题. 由于就猜想恳定是SOHU没有设置网页的字体. 简单看了一下他们的CSS代码(没...
CSS设置网页的字体防浏览器浏览页面字体变形 -
用CSS floats创建三栏页布局
【CSS/HTML】三栏布局是目前最常见的网页布局，主要页内容放在中间一栏，边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏，三栏占据整个页面的宽度，最后在页的底端放置页脚，页脚也占据整个页面宽度。 绝大多数网页设计者都熟悉传统的网页设计技术，用这些技术可以生成带有表格、创建固定宽度布局或者“液态”（它可以根...
用CSSfloats创建三栏页布局 -
解决列高度自适应(相同)的五种方法
【CSS/HTML】1.背景图填充 这是使用最广泛的一种做法，无hacks，推荐使用： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1...
解决列高度自适应(相同)的五种方法
