CSS

在Ubuntu 中编辑CSS的尴尬

投入ubuntu怀抱不久,对于这个操作系统下的软件非常陌生,有时候不知自己要做点什么。

不管使用什么操作系统,工作还要做的,linux版的QQ不好用,那我就用Pidgin,虽然需要经常光顾jihuo.qq.com,但我也认了。但是一直找不到称心的CSS编辑器,在Google搜索,很多都推荐CSSED和Bluefish。但我试用后感觉不如顺手,特别是Bluefish,如果你也像我一样找个CSS编辑器,请不要使用Bluefish。举个例子:当我插入background-color: Bluefish会出个下拉列表让你选择,都是颜色的英文名,还有个"#" ,选中后需要自己输入十六进制值,真把我当电脑了。

说真的还是比较怀念windows下TopStyle

win2003配置服务器环境安装drupal遇到的问题

最近公司租用了一台独立服务器,因为需要在服务器上安装一项专用软件,无奈只好选择win 2003服务器,配置服务器环境让我头疼。平时都是在本机安装xampp之类软件包进行网站的制作、开发,总不能在正式服务器上也安装xampp吧,只好硬着头皮上了。

我选择的是:
httpd-2.2.15-win32-x86-openssl-0.9.8m-r2.msi
mysql-essential-5.1.47-win32.msi
php-5.2.13-Win32.zip
phpMyAdmin-3.3.3-all-languages.zip

总结一下在配置过程遇到的问题和解决办法:

问题一:

最初犯的错误是将 D:\mysql\bin\libmySQL.dll 复制到 C:\WINDOWS\system32 目录下

这个错误造成无法登陆phpmyadmin,更谈不上连接mysql服务器了

正确的应该是将 D:\php\libmysql.dll 复制到 C:\WINDOWS\system32 目录下

问题二:

网站做好了,于是想再优化一下,在“性能”中启用了优化“CSS文件”和“JavaScript 文件”保存后,出现了连接被重置的错误页面,非常郁闷!

Border-radius:使用CSS创建圆角

Border-radius是CSS3新增的属性,是Border的子属性。一直喜爱鼓捣CSS的我,免不了动手尝试,不过每次尝试后就把那些自己处理过代码丢在硬盘里,那天有兴趣了,再去网上找资料,这次心想不如把自己在学习中的心得和大家分享出来。但想系统的把自己对某件事务的理解和认识写出来是件很不容易的事情,毕竟我还没有达到那种境界。

我每次在写教程之类时总担心那一步写的不详细,让读者不明白,所以文章总是臭长。臭长就臭长吧,没有写出来我心里还总觉得遗憾,哈哈~。

提示:目前还没有浏览器支持border-radius属性,只能使用个别浏览器的私有属性
例如:-moz-border-radius: 1em; -webkit-border-radius: 1em;

提取Google Project边栏的风格

效果可以看http://code.google.com/p/google-code-prettify/

原理是 利用3层的box边框大小

  • 行内容一
  • 行内容二
  • 行内容三

drupal6.x分页风格仿digg

闲来无事修改drupal6.x分页风格仿digg,效果如下:

drupal_6x_pager_digg_skin_001
drupal_6x_pager_digg_skin_002

RGBa 浏览器支持

原文:RGBa Browser Support

使用例子:

div {background: rgba(200, 54, 54, 0.5);}

关于颜色请参考:http://www.w3.org/TR/2003/CR-css3-color-20030514/#rgba-color

使用RGB:

<div style="background: rgb(0, 0, 128); height: 100px; width: 100px;"></div>

使用RGBA:

用CSS实现下拉羽化的阴影

经常在国外的一些站点看到优秀的CSS代码,只是限于语言的障碍,收获甚小。通常我会按照作者的提示和给出代码自己亲自动手尝试,对于这些收集来的代码往往都是丢在硬盘里,那天心血来潮硬盘格式化,这些代码也没了,需要的时候还要在网上搜,还是发到网站上好点。

废话不说了进入正题

我截了2张图

没有阴影的
没有阴影的

编写样式表(CSS)文件要注意编码

编写样式表(CSS)文件时为了辨别分清样式的用途,会在CSS文件使用注释符对定义的样式进行说明。我经常会把样式分成块,如:header、nav、left、right、foot等等,或者分成:布局、预定格式化的HTML标签、个别定制等等,通常我都会把注释说明用简短的英文字符。

最近无意识的在CSS文件中使用了中文的注释说明,在用浏览器调试时,发现Firefox2,Firefox3都能正常解析CSS文件,IE6却不能。原因是网页是UTF-8编码,CSS文件是ANSI编码,转换为UTF-8后就正常了。

在用IE6调试,网页是UTF-8编码,CSS文件是ANSI编码使用了中文的注释说明,且从中文的注释说明处开始打断解析,如果你在第100行处使用了中文的注释说明,IE6就只解析100行之前定义的样式。

在没有发现这个问题之前可把我忙坏了。

同步内容