[置顶] SEO与程序员系列

[置顶] SEO博客征友情连接

一段CSS控制文字禁止选择、复制代码惹得祸

CSS控制文字禁止选择、复制这样行吗?也许很多朋友不曾用过,当然我曾经也没有接触过这个玩意儿,总觉得这东西部够实在。网站做出来就是跟大家分享的,何必搞得像国家机密一样把版权搞得这么严重呢?而且很多时候像这些东西都是JS来控制的,基本可以搞定IE就不错了,想看你网页上的东西还是有很多办法的,这样的小CASE就防防菜鸟盗版罢了。

不过没办法,项目需要这些玩意儿,我们还得加上,再加上最近做银行的玩意儿,说起来算是需要安全性较好,这样的细节也得搭上。

废话说了一大篇,我们就来看看这段让我郁闷半个钟的CSS代码吧。这是一段可以控制网页上文字禁止选择和复制的CSS代码,兼容火狐和IE。听上去很牛X,看看代码......

浅谈CSS hack

什么是CSS hack?网页设计者在开始迷茫的问题?当在不同的浏览器看到自己做出来的网页长不同样子的时候更加会感觉这个问题的严重性?下面就介绍以下CSS hack.

由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果

这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。

...

区别IE6.IE7.FireFox的几种CSS HACK写法

区别IE6.IE7.FireFox的几种CSS HACK写法,下面是找到的集中CSS HACK的几种写法,经过测试,非常有效.呵呵.
区别IE6FF
       background:orange;*background:blue;
...

再写CSS控制未知高度DIV垂直居中

在CSS代码里面我曾经写过一篇文章CSS控制未知高度网页垂直居中 ,在这里介绍了一种让未知高度的DIV在浏览器中垂直居中. 而这个方法在达到这个目的的同时出现了一个问题.那就是当浏览器窗口缩小后我们会发现有一部分主体内容看不到了。如下图:

这是浏览器打开的时候

...

IE的if条件注释Hack

IE Hack,写CSS经常遇到的问题. 而在if IE起着非常大的作用.if ie什么意思 呢. 下面就列举了一些在CSS常见的HACK控制语句吧.

  1. <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
  2. ...

CSS三栏布局-固定自适应

CSS三栏布局-固定自适应,所谓固定自适应是利用CSS中的min-width和max-width来控制CSS的宽度,来达到自适应的三栏布局效果.
方法一如下:
1.根据浏览器字体设置自动适应
2.固定宽度自适应浏览器
你也可以指定min-width:来控制最小宽度,以保证页面不会太小

控制网页满屏显示最简单的方法

Css控制网页满屏显示?在做一些内容比较少的网页时,通常会用到一个满屏效果来使网页铺满屏幕,但现在的显示器很多样话,支持的分辨率也有所不同,那怎么才能使得网页的高宽都100%显示呢?

Css控制网页满屏显示,百度一下可以找到很多方法,想用SCRIPT实现,用DIV的浮动属性,这都得写大把的代码来实现.可以是用过Dreamweaver2004的朋友应该会知道在这里面可以用表格的宽度和高度100%来实现它,同时CSS也可以控制100%.但从Dreamweaver2005以后高级的CSS编写工具中达不到这一效果.

...

CSS控制未知高度网页垂直居中

网页垂直居中,水平居中的问题相对很多网页设计者都碰到过。对于一个未知高度和宽度的网页来说,要网页居中对齐,确实是一个棘手的问题,特别在IE7.0和Firefox里面。
以前用CSS弄了些水平居中的网页,很简单,在<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这个DTD下,只要将DIV赋予一个margin:auto;的样式就可以居中了。但垂直问题,以前没有去注重它,知道今天用到才想到解决的方案。成功后拿出来跟大家分享下,看下面的代码。

...