WEB前端技术

强大的sublime text

2012-03-15 星期四 21:11 :: WEB前端技术

关于li的width

2008-07-29 星期二 20:07 :: WEB前端技术

要设置同一行中的几个li的width,就好象类似于td一样的效果,li与之父级的ul的CSS应如下写法:

ul{
width:300px;
}
li{
width:100px;
float:left;
}

如果只是在li中设置display:inline的属性,而没有设置float:left,则不会有类似于td的效果,至于为何如此,不详,呵呵。

CSS中background-image与系统主题之间的关系

2008-07-24 星期四 15:33 :: WEB前端技术

最近在做一个web项目,里面有很多button按扭,为了美观同时节约时间,所有按钮都采用背景图片加文字的方式,刚开始,我用CSS中的background-image为按钮指定背景图片,可无论如何调整图片或者CSS中的其它属性,按钮的背景均不会显示,只显示windows系统主题的那种样式。经过N次google搜索,终于换用CSS中的background属性来指定背景图片才完全可以。到目前还是搞不清,为何background-image不行,而background却可以,个人估计是IE的关系,因为在Dreamweaver里,无论哪个,都是可以的。

合理运用CSS selector选择符(转)

2007-08-17 星期五 09:03 :: WEB前端技术

用xhtml+CSS做网页也有一段时间了,说实话,有很多基础没有学透过,虽然使用时没什么大的问题,但突然蒙住的时候也不少,写的代码也有点乱,所以下面这篇文章还是要看看,搞个明白。
——————————————————————————
  CSS selector 选择符是我们进行CSS网页布局的基础。CSS selector到底有哪些,如何合理的运用呢?选择符可以分为三类,除了第一类HTML selector之外,其它两类我们是可以自己命名的,在进行命名时,注意包含语义,或者添加必要的注释,使我们的代码更清晰,易读。

  HTML selector 标签选择符

  HTML selector就是HTML的标签,如:DIV,TD,P,H1等等,如你用 CSS 定义了它们,在CSS文章所控制的页面中这个标签的性质就按照你的定义来显示。
  比如我们想叫H1的颜色是红的,则:H1 {color: red}。这里我们学习一个CSS的特点,它可定义好几个 selector在一个rule里。如:H1, H2, TD {color: red}。这个定义就能让所有的 H1, H2, 和 TD 的颜色都为红色。在具体使用中,可以将几个设置相同的属于合并起来编写,减小我们的代码。

  Class selector 类选择符

  Class selector有两种,一种叫相关 class selector,它跟一个 HTML 的标签有关系它的语法是tag.Classname {property:value}。如:我们想设置一些而不是全部 H1 的颜色是红的 H1.redone {color: red}则:第一个 H1 是红色的,而第二个就不是了。
  第二种是独立class selector。它可被任何 HTML标签所应用。它的语法如下 .Classname {property:value}假如我们有下面这个定义.blueone {color: blue}那么我们可以把他应用到不同的标签中去。非常明显class selector 给了我们更多的自由与发挥的空间。

  ID selector ID选择符

  ID selector 其实跟独立 class selector 的功能很相似。而区别在于它们的语法和用法不同,以及对于 javascript 操纵 HTML元素有帮助。我们在布局中,对不同的结构区域的定义,往往用ID选择符。
  它的语法如下#IDname {property:value}。假如我们有下面的定义#yelowone {color: yellow}。我们可以运用这个定义到任何的有同样 ID 名字的标签,如:text here你可能觉得既然 ID selector 和独立 class selector 功能一样,为什么两者都存在呢?有 ID 的 HTML元素可以被JavaScript来操纵。

转自:http://www.dw8.cn/dw8_4/313.asp

试用tinyMCE

2007-06-19 星期二 15:19 :: WEB前端技术

从官方下载了最新版,以及中文语言包,试用了一下,无论从配置还是对各种浏览器的支持上来说,都很不错,载入速度也快于FCKeditor。默认的tinyMCE没有图片上传之类的功能,虽然官方有PHP、.net的文件管理器,但那是要钱买的,后来在它的SF站点上找了一个PHP版的file_manager插件,由于属于plugins,集成很容易,一个function就OK,插件本身就带有例子,这里不多说了。tinyMCE已支持目前所有的主流浏览器,推荐使用。
相关下载:
tinyMCE 2.1.1.1
中文语言包
中文语言包(UTF8)
file_manager插件

新版Analytics,用的舒服

2007-05-12 星期六 21:16 :: WEB前端技术

Google Analytics的新界面
新版Analytics
无论在界面排版、颜色、字体大小,还是操作习惯上,都比旧版本要好很多,个人觉的最大的改善还是在于“报告”中的那些文字,现在更加容易看明白了。
用的舒服!

2个实时显示Google PR值的代码

2007-04-20 星期五 11:09 :: WEB前端技术

1、来自pagerank.net的代码:

Search Engine Optimization

效果:pr1.gif

2、来自prchecker.info的代码:

PageRank Checking Icon

效果:pr2.gif

utf8与DOM签名

2007-04-18 星期三 09:18 :: WEB前端技术

1、utf8带DOM签名,php的Session会报错
2、如果不带DOM签名且html代码的title写在了meta的前面,那IE打开中文的title,则一片空白
3、带DOM且title在meta前,则IE中一切正常,但最大的问题是linux下的VI等编辑器不支持DOM签名
4、记事本会强行加入DOM
5、Google推荐不要加入DOM签名

常见搜索引擎机器人Robots名字

2007-04-6 星期五 14:54 :: WEB前端技术

Baiduspider: http://www.baidu.com

Scooter: http://www.altavista.com

ia_archiver: http://www.alexa.com

Googlebot: http://www.google.com

FAST-WebCrawler: http://www.alltheweb.com

Slurp: http://www.inktomi.com

MSNBOT: http://search.msn.com

HTML标签中form的accept-charset属性

2006-12-16 星期六 16:08 :: WEB前端技术

如form提交所在页是utf8编码的,而结果输出页是GB2312编码,在未指定form的accept-charset属性时,输出的中文结果均为乱码,而指定accept-charset=GB2312后,输出的中文将正常显示,不过需要注意的是,IE不支持此属性(IE7未测试),opera与firefox没有问题。