9designer - CSS+HTMLhttp://www.9designer.com/设计类知识博客 - RainbowSoft Studio Z-Blog 1.8 Walle Build 91204zh-CNCopyright xxxx-xxxx Your WebSite. Some Rights Reserved.Sun, 05 Sep 2010 13:47:19 +0800网页屏蔽(左右键,代码等)的非JS方法a@b.com (xyj1235)http://www.9designer.com/post/116.htmlSat, 12 Jun 2010 12:46:45 +0800http://www.9designer.com/post/116.html

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

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

]]>CSS+HTMLhttp://www.9designer.com/post/116.html#commenthttp://www.9designer.com/http://www.9designer.com/feed.asp?cmt=116http://www.9designer.com/cmd.asp?act=tb&id=116&key=4cda280a类似按钮效果的网站导航CSS代码a@b.com (xyj1235)http://www.9designer.com/post/114.htmlSat, 12 Jun 2010 11:13:22 +0800http://www.9designer.com/post/114.html<!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>

...]]>CSS+HTMLhttp://www.9designer.com/post/114.html#commenthttp://www.9designer.com/http://www.9designer.com/feed.asp?cmt=114http://www.9designer.com/cmd.asp?act=tb&id=114&key=88fed2b1CSS技巧null@null.com (kele)http://www.9designer.com/post/65.htmlFri, 23 Apr 2010 16:55:24 +0800http://www.9designer.com/post/65.html本文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案，我愿意把这些与你分享，我会重点解释一些新手容易犯的错误(包括我自己也犯过的)，如果你已经是CSS高手，

]]>CSS+HTMLhttp://www.9designer.com/post/65.html#commenthttp://www.9designer.com/http://www.9designer.com/feed.asp?cmt=65http://www.9designer.com/cmd.asp?act=tb&id=65&key=40e77c71多浏览器兼容HACKa@b.com (xyj1235)http://www.9designer.com/post/64.htmlThu, 22 Apr 2010 11:27:19 +0800http://www.9designer.com/post/64.htmlCSS Hack 是在标准 CSS 没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析 CSS 没有达成一致前,我们只能用这样的方法来完成这样的任务。

]]>CSS+HTMLhttp://www.9designer.com/post/64.html#commenthttp://www.9designer.com/http://www.9designer.com/feed.asp?cmt=64http://www.9designer.com/cmd.asp?act=tb&id=64&key=c6eeba94页面制作面试常遇问题a@b.com (xyj1235)http://www.9designer.com/post/63.htmlThu, 22 Apr 2010 11:25:11 +0800http://www.9designer.com/post/63.html一、超链接访问过后hover样式就不出现的问题？
被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A

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

 

...]]>CSS+HTMLhttp://www.9designer.com/post/63.html#commenthttp://www.9designer.com/http://www.9designer.com/feed.asp?cmt=63http://www.9designer.com/cmd.asp?act=tb&id=63&key=60f1a6e6图片与文居中方法a@b.com (xyj1235)http://www.9designer.com/post/62.htmlThu, 22 Apr 2010 11:21:46 +0800http://www.9designer.com/post/62.html1.淘宝的方法 在曾经的"淘宝UED招聘"中有这样一道题目： “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中

]]>CSS+HTMLhttp://www.9designer.com/post/62.html#commenthttp://www.9designer.com/http://www.9designer.com/feed.asp?cmt=62http://www.9designer.com/cmd.asp?act=tb&id=62&key=f2112d80用CSS把网站变灰a@b.com (xyj1235)http://www.9designer.com/post/61.htmlThu, 22 Apr 2010 11:18:54 +0800http://www.9designer.com/post/61.html最简洁的把页面变成灰色的代码是在head 之间加
<style type="text/css">
html { 

   FILTER: gray}
</style> 
以下为全站CSS代码。
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
...
]]>CSS+HTMLhttp://www.9designer.com/post/61.html#commenthttp://www.9designer.com/http://www.9designer.com/feed.asp?cmt=61http://www.9designer.com/cmd.asp?act=tb&id=61&key=61b0ce09CSS网页布局优点与缺点a@b.com (xyj1235)http://www.9designer.com/post/60.htmlTue, 20 Apr 2010 12:24:29 +0800http://www.9designer.com/post/60.html  CSS网页布局的优点如下：  一， 使页面载入得更快  由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多 的区域，在打开页面的时候，逐层加载。而不

]]>CSS+HTMLhttp://www.9designer.com/post/60.html#commenthttp://www.9designer.com/http://www.9designer.com/feed.asp?cmt=60http://www.9designer.com/cmd.asp?act=tb&id=60&key=078868f8命名技巧49830735@qq.com (meiyu)http://www.9designer.com/post/59.htmlMon, 19 Apr 2010 15:37:24 +0800http://www.9designer.com/post/59.html1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。

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

 

]]>CSS+HTMLhttp://www.9designer.com/post/59.html#commenthttp://www.9designer.com/http://www.9designer.com/feed.asp?cmt=59http://www.9designer.com/cmd.asp?act=tb&id=59&key=81070abcIE6图片出现白框的解决方法a@b.com (xyj1235)http://www.9designer.com/post/56.htmlSat, 17 Apr 2010 12:22:40 +0800http://www.9designer.com/post/56.htmlIE6的又一BUG，一直没太在意这个问题，今天在做页面的时候才发现这个问题严重影响了浏览器的兼容，因为页面主要以图片列表为主。那就是 IE6（当然有时Firefox下也会偶遇）

]]>CSS+HTMLhttp://www.9designer.com/post/56.html#commenthttp://www.9designer.com/http://www.9designer.com/feed.asp?cmt=56http://www.9designer.com/cmd.asp?act=tb&id=56&key=afc90eeb