• CSS3特性总结

    CSS3现在是推得如火如荼了,目前主流浏览器都开始逐步支持CSS3,看来CSS3在一定时间内会成为主流。现在我们来看看CSS3的一些新特性。

    实现图片效果

    圆角、半透明背景、阴影,特别是文字阴影、渐变等等,这些昔日依赖图片实现的视觉效果,在CSS3里都可以使用代码搞定。

    盒容器变形

    CSS3中可以在2D或者3D空间里操作容器的位置和形状,如旋转、缩放、移动等等。如地球模型的展示,可以使用鼠标拖动、旋转、缩放等等。

    支持自定义字体

    这一点是值得学习使用的,在以前的CSS版本中,字体只能是客户端支持,现在是服务器端支持了。意思就是你可以把一些特殊字体文件上传到服务器,当有人浏览的时候会自动从服务器上下载字体从而达到所有客户端使用的字体都一致,这样可以更好的呈现页面,否则普通的网站就只能以默认字体显示了。但字体文件不能太大,否则下载时间过长也会影响打开网页速度。

    ...

    READ ALL

  • CSS3 border-radius 圆角

    border-radius

    在CSS3以前,要实现圆角大多使用图片,而在CSS3里实现圆角只要添加一个圆角属性border-radius即可实现,虽然部分浏览器不支持CSS3,但未来一定会向CSS3靠拢的。

    div {
      width: 200px; 
      height: 50px;
      background: red; 
      border-radius: 10px;
    }
    

    以上代码里的border-radius就是实现圆角语句,值越大圆角越大,支持各种单位,多值方式,如四个值分别是上右下左。

    div {
      width: 200px; 
      height: 50px;
      background: red; 
      border-radius: 10px 5px 0 15px;
    }
    

    ...

    READ ALL

  • 开博之篇!

    关于域名

    域名注册已有一年多,并且好米已经不多,感觉四个字母比较好记就定了。开始折腾的论坛系统最终还是回归到博客系统,感觉博客更值得回忆。

    写过博客

    其实,我一直都有写博文的习惯,在新浪博客火热那会我就已经开始,平日七嘴八舌的写。但毕竟生活阅历与知识有限,也不能写些什么好的文章,所以思来想去还是搭建一个博客,写点自己的擅长的Web技术博文吧。

    WordPress

    做为一个码农,我就一直想自己写一个博客系统,但由于精力有限所以最终还是选择了WordPress系统。说实话WordPress系统挺强大,但也正因为强大所以导致系统臃肿,特别是WordPress的自动草稿让我有点反感(后来,在2012年5月的时候我就放弃了WordPress系统,自个写了博客系统)。空间是在淘宝随便买了一个美国VPS,开始挺好用(后来蜗牛速度让我毅然放弃投向Linode)。

    ...

    READ ALL