• RainbowSoft Studio Z-Blog
  • RainbowSoft Studio Z-Blog
  • 本站支持WAP访问
  • 订阅本站的 RSS 2.0 新闻聚合
Mail:wang[A]9designer.com change[A] to @
Name:Wang QQ:409841693
I love to design beautiful websites.Find out more about me here.

网页屏蔽(左右键,代码等)的非JS方法

Post by xyj1235, 2010-6-12, Views:

 众所周知,要保 护一个页面,最基础的就是要屏蔽右键。而现在网页上用得最多的是function click(),即下面这段代码:

〈script〉
function click(){
if(event.button==2){
...

Tags: 技巧  CSS  JS 

类似按钮效果的网站导航CSS代码

Post by xyj1235, 2010-6-12, Views:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><head><title>Lists as navigation</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><style type="text/css">#navigation {font-size:90%}#navigation ul {list-style: none;margin: 0;padding: 0;padding-top: 1em;}#navigation li {display: inline;}#navigation a:link, #navigation a:visited {margin-right: 0.2em;padding: 0.2em 0.6em 0.2em 0.6em;color: #A62020;background-color: #FCE6EA;text-decoration: none;border-top: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;border-bottom: 1px solid #717171;border-right: 1px solid #717171;}#navigation a:hover {border-top: 1px solid #717171;border-left: 1px solid #717171;border-bottom: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;}</style></head><body><div id="navigation"><ul><li><a href="#">Recipes</a></li><li><a href="#">Contact Us</a></li><li><a href="#">Articles</a></li><li><a href="#">Buy Online</a></li></ul></div></body></html>

...
Tags: CSS  DIV 

CSS技巧

Post by kele, 2010-4-23, Views:

本文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案,我愿意把这些与你分享,我会重点解释一些新手容易犯的错误(包括我自己也犯过的),如果你已经是CSS高手,

Tags: CSS  DIV  技巧 

多浏览器兼容HACK

Post by xyj1235, 2010-4-22, Views:

CSS Hack 是在标准 CSS 没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析 CSS 没有达成一致前,我们只能用这样的方法来完成这样的任务。

Tags: CSS  技巧  布局 

页面制作面试常遇问题

Post by xyj1235, 2010-4-22, Views:

一、超链接访问过后hover样式就不出现的问题?
被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A

二、IE6的双倍边距BUG
例如:

 

...
Tags: CSS  DIV  技巧 

图片与文居中方法

Post by xyj1235, 2010-4-22, Views:

1.淘宝的方法 在曾经的"淘宝UED招聘"中有这样一道题目: “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中

Tags: CSS  DIV  网页  技巧 

用CSS把网站变灰

Post by xyj1235, 2010-4-22, Views:

最简洁的把页面变成灰色的代码是在head 之间加
<style type="text/css">
html { 

   FILTER: gray}
</style> 
以下为全站CSS代码。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
...
Tags: CSS  色彩  网页  技巧 

CSS网页布局优点与缺点

Post by xyj1235, 2010-4-20, Views:

  CSS网页布局的优点如下:  一, 使页面载入得更快  由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS将页面独立成更多 的区域,在打开页面的时候,逐层加载。而不

Tags: CSS  DIV  网页 

命名技巧

Post by meiyu, 2010-4-19, Views:

1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。

2、同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为ID的权值要比CLASS大。

 

Tags: HACK  CSS  技巧  教程 

IE6图片出现白框的解决方法

Post by xyj1235, 2010-4-17, Views:

IE6的又一BUG,一直没太在意这个问题,今天在做页面的时候才发现这个问题严重影响了浏览器的兼容,因为页面主要以图片列表为主。那就是 IE6(当然有时Firefox下也会偶遇)

Tags: CSS  技巧  IE6  HACK 
  • 最新评论
  • 最新留言
  • 热门标签

Friend Connect

此处加载INCLUDE文件,内容可自定义

Statistics