左右两栏等高实现方法

周三,2009 十一 11 11:21:51

等高布局在实际的应用中会经常用到。最常见的是左边的内容很多。而右边的内容却很少。为了不让右边出现太多的空白,有时需要让右边的高度和左边的保持一致。实现的方法有很多,以前一般是用背景填充来模拟。虽然很简单,但毕境麻烦。现在有了个更简单的方法。这个方法的原理是事先通过正内边距来使其拥有足够高度,然后通过负外边距来使得其的位置不变。通过给父元素溢出隐藏,我们可以隐藏掉事先占据的足够高的空间。由两列实际的内容高度来决定整个父元素的高度,从而实现了等高。
阅读全文

   Await |  前端交互 |  [4] |  浏览:801  

CSS 3.0 参考手册 (中文版)

周日,2009 八 30 14:55:34

作为一个Web开发者,保持对未来Web标准的关注、学习和了解是很重要的。不管你是第一次准备去认识CSS3,还是已经略知皮毛,这个来自腾讯的webteam发布的CSS 3.0 参考手册 (中文版)将有助你更好的学习和理解CSS3。
CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

阅读全文

   Await |  前端交互 |  [9] |  浏览:1,528  

如何使你的CSS样式更易阅读?

周二,2009 七 7 15:47:19

在做wordpress主题的时候,样式是最重要的一部分。作为主题的制作者,我们不但要考滤页面的还原完整度,还要一个重要的就是要让CSS阅读起来很容易。因为不管我们怎么尽力去做到完美,但每个人都想主题更能够按自己的想法去表现。这样就必须通过修改CSS来完成;那么——样式的易阅性在这个时候很重要。对于一个不是很精通CSS的人来说,怎样使他能够简单、方便的修改CSS成了很重要的一环。
阅读全文

   Await |  前端交互 |  [13] |  浏览:1,315  

关于CSS的书写习惯

周四,2009 六 18 14:29:32

其实每个人都有自己喜欢的书写格式习惯,我在刚学CSS的时候,什么都不知道,只是要实现什么效果,我后就写个ID或类进去。放哪个位置也不管,丢进去就行了。反正效果实现了;后来当需要修改某些地方的时候,才发现这个问题的严重性。代码混乱,ID,CLASS乱用。不易阅读…使得修改起来很费劲。
后来开始做wordpress主题的时候,慢慢改变了这种坏习惯。在Maxthon主题的样式中,适当的划分了一下各个部分。
阅读全文

   Await |  前端交互 |  [7] |  浏览:971  

CSS实现自动换行的小技巧

周三,2009 六 3 14:12:07

大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法!

对于div

1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。

阅读全文

   Await |  前端交互 |  [4] |  浏览:972  

CSS清除浮动的一些方法

周二,2008 十一 25 11:48:49

CSS的浮动为我们的布局带来了很大的好处,利用浮动我们可以很方便的写出各种版式。但浮动同时也带来很多问题;这些问题基本上都因为没有及时的或者在适当的位置清楚浮动。下面来说下常用的清除浮动方法:

一:用空标签

这是最常见的一种方法了。通过一个内容为空的标签来清除浮动。这个标签可以是DIV、P、Hr…。理论上可以是任何标签。
阅读全文

   Await |  前端交互 |  [5] |  浏览:987  

增强用户体验之文章内的链接

周四,2008 十一 20 12:54:27

我们在写文章的时候,难免会少不了添加一些链接。这些链接有的是指向自己的BLOG内的,有的是指向好友的BLOG,或一篇文章。指向自己BLOG的称为内部链接,指向外部的称为外部链接,我们习惯是外部链接在新窗口中打开,而内部链接在本身的页面打开。但WordPress默认所有的链接都是在自身页打开的。那要怎么才能把外部的链接强行在新窗口中打开呢?今天给大家说下怎样实现给文章的外部链接添加一个标识,并且在符合W3C标准的前提下在新窗口中打开。
阅读全文

   Await |  前端交互 |  [29] |  浏览:2,769  

按比例缩小图片方法总结

周三,2008 十一 19 11:49:26

其实早些时候就想写一下这个东东,因为想换下主题用用,但发现日志里的图片却因为太大而把POST撑开了,变得很难看。我想遇到这个问题的人一定不少吧。之前一直太忙,没时间去整它,今天抽点时间写一下怎样解决图片撑开的问题,方法很多的、接下来一一给大家道来…

方法一:Max-width|Max-height
这是最简单的方法了,给图片一个最大的宽度和高度:
阅读全文

   Await |  前端交互 |  [5] |  浏览:1,389  

CSS中关于背景图的应用技巧

周日,2008 十一 9 06:38:29

在CSS中对背景图的作法.一般都是这样:

  1. background: url(images/*.gif) no-repeat;

但有时候有很多图片的时候,像我的Maxthon主题,就用了很多的背景图和图标.这时候如果还这样做的话就会带来一个问题,图片在加载中会有个过程.虽然很快.但有的图片在一开始并没有加载进来,而是在响应鼠标事件时才开始加载.像我的导航栏。默认是一个背景,鼠标放上去是一个背景,当前页又是另一个背景。
阅读全文

   Await |  前端交互 |  [5] |  浏览:1,443  

IE6因为编码问题无法正确解析CSS文件

周日,2008 十一 2 21:38:01

我不知道大家有没有遇到这个问题,但我在发布Maxthon 1.0时遇到了这个问题,当时自己没发现,是有人用了后通知我时,才知道.后来花了很多时间去找问题,都没结果,后来实在没办法,就把CSS文件的注释全部删了,问题解决.
于是想到是不是因为编码的问题.现在看来却实是编码问题.
网页采用了 UTF-8 编码格式,这本来没有问题,问题是外部 CSS 文件默认是 ANSI 编码,并没有保存为 UTF-8 格式。
阅读全文

   Await |  前端交互 |  [1] |  浏览:666  
goto-top