啪啦呀

step1.

新建画布300×300 72px，

新建一个图层“黑胶”，然后填充图层#111111

杂色>添加杂色 （12%，高斯分布，单色）

step2.

模糊>径向模糊 （70，旋转，最好）

复制“黑胶”图层，图层模式模式为“叠加”

调整...

层操作的键盘快捷键

一下说的“Cmd”键是指Mac上的，如果你用PC机用“Ctrl”键代替

创建新图层

有新建图层的对话框弹出【Cmd+Shift+N 】

没有弹出对话框【Cmd+Shift+Alt+N 】

 

画布放大或缩小

放大 【 Cmd + = 】

缩小 【 Cmd + -...

问题说明：以下代码       插入的 会使td下方存在一个空隙，td的实际高度将大于30px。解决方法一：用d...

今天做一个input的输入框，自己定义样式

input{background:none;border:0;}

其它浏览器下都是好的，内阴影也是没有的，不过有人抱一ipad叫我看效果，说里面为什么还是有阴影

后来给input定义了一张1像素的白色图片，这样才在ipad里面吧阴影消除掉

input{backgrou...

先说一句，blogbus的模板在chrome下面竟然是错位的，好讨厌啊

有两种方法：一种就是设置flash为透明，但是如果你在DW中插入动画，再加 param name=wmode value=transparent 是不生效的。要把整个的flash插件代码换成如下： object type=application/x-shockwave-fla...

text-shadow之前一直没有怎么用
今天做的时候却遇到一个问题

chrome下面的文字加了text-shadow：1px 1px 1px #000; 

[font=宋体;]

（四个参数分别代表：X轴方向长度，Y轴方向长度，阴影模糊半径，阴影颜色

）

以后字体竟然是模糊的,被锐化过的感觉
在ie...

经常会遇到兼容性问题，规范代码最重要，但是有时候在一定条件，还是可以考虑用下css hack

ie6 ie7和ff应该大家都比较熟悉了

但是现在出了的ie8和chrome在其它浏览器都可以的情况下如果遇到问题应该怎么解决呢

大家可以先看一段代码：

.pw_menu h6{margin-top:-2...

margin上下失效

这种现象叫 MARGIN的折叠.
在css2.1中，水平的margin不会被折叠。

垂直margin可能在一些盒模型中被折叠：
1、在常规文档流中，2个或以上的块级盒模型相邻的垂直margin会被折叠。
最终的margin值计算方法如下：
a、全部都为正值，取最大者；
b、不全是正值，则都取绝对值...

body { background:url("../images/shine.gif") no-repeat  center top, url("../images/bg.png") repeat  0 0 ;} padding:0;

word-wrap：break-word

能断开连续的数字或者英文字母，还有一个差不多的样式word-break：break-all，但是这个在火狐下失效，还有word-wrap：break-word一般断开以单词为界，而word-break：break-all是以字母为界断开的。

table-layout:fixed 属性的解说
如果想要一个table固定大小，里面的文字强制换行(尤其是在一长串英文文本，并且中间无空格分隔的情况下)...

1. 背景透明，文字不透明
.tm{background:#fff;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;width:500px; height:110px;float:left; } /×透明的背景×/
.tmfont{color:#000;position:absolute;left:25px;top:25px;}

<div style="posi...

 首先先了解一下内联元素与块级元素

块元素(block 
element) 一般是其他元素的容器元素，块元素一般都从新行起头，它可以容纳内联元素和其他块元素,常见块元素是段落标签’P”。“form”这个块元素对比特别，它 只能用来容纳其他块元素。

内联元素(inline 
element)一般都是基于语义级(semantic)的根基元素。内联元 素只能容...

样式

.leftTriangle{width:0; height:0; border-top:0; border-left:5px dotted transparent; border-right:5px dotted transparent; border-bottom:5px solid #000;display:block;overflow:hidden;}

模板

<div class="leftTriangl...

和淘宝评分的差不多

首先看下模板

<ul class="star-rating">
    <li><a href="#" title="评价一星" class="one-star">1</a></li>
    <li><a href="#" title="评价二星" class="two-...

样式：

.wrap{width:500px; margin:50px auto;}
.border{border:1px solid #CDCDCD;height:310px;width:310px;}
.pic{display:table-cell;text-align:center;vertical-align:middle;*font-size:310px;}
.pic img {vertical-align:middle;max-hei...

一、基础概念 CSS hack：针对不同的浏览器写不同的CSS code的过程。 Css hack的原理：由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。 浏览器优先级别：FF < IE7 < IE6 书写顺序一般是将识别能力强的浏览器的CSS写在后面，CSS hack书写顺序一般为FF IE7 IE6 div+css浏览器兼容IE6,IE7,FF之间的标识区别： IE...

从网上找到两篇文章感觉讲得很透彻,收藏下来,唯恐忘记。

一.解读absolute与relative http://www.blueidea.com/tech/web/2006/4249.asp

很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？...

图片想展示给大家的主要是一个阅读最佳宽度的问题

图片一和二红色部门是这次是寻求帮助的类目，一样的内容，图片一是我最先做出来的用了940px的宽度，后来师傅说太凌乱了，加上宽度也不是很合理，所以修改成了图片二，对比后，发现看图片一的时候视觉很难集中，给人以松散的感觉。

图片三和四也是的这样的道路，所以加了一个左边的导航，整体的宽度也从940...

文章来源：http://www.itzx1.com/software/PhotoShop/200803/software_35696.html

1、打开PS，新建一个550X400像素的空白文档 

2、输入所要制作的黑色文字（字体最好选粗厚些的字体）本教程字体汉仪方叠体简


 

 

3、对文字层点右键将文字栅格化（一定要栅格化）将矢...

在ie中，定义一个宽度，width=800，padding border都包括在哪

firefox，中定义一个宽度， width=800，800为那是容器中内容的宽度，不包括padding和border

为了解决这个问题，可以这样定义

 width:778px !important;width:800px;border:1px;

1.CSS命名规范

页头：header
登录条：loginbar
标志：logo
侧栏：sidebar
广告：banner
导航：nav
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
滚动：scroll
页面主体：main
内容：content
标签页：tab
文章列表：lis...

深入分析网页CSS隐藏文字和以图换字技术

来源：网页制作学习园地 作者 网页制作学习园地 点击数：5 录入时间：07-12-13 16:24:06
   打开电脑，感觉没有什么事可做，就随便拿起《css mastery》翻了下，刚好看倒图像替换这块，突然想起前些天曾有一网友问过该问题，就想总结出来，以便自己和网友今后参考。

   正式进入使用方法总结之前，我们需要先理清几个概念，1.二者的区别：隐藏文字是要...

img {
max-width: 500px; width:expression(this.width > 500 ? "500px" : this.width)
}

04年的冬天来到了我的家，在它来之前就有了它的名字“旺财”，我有时也叫它“旺仔”小小的黑黑的很可爱，就是因为很黑，所以老被别人“无视”踩到它的脚。05年的夏天我哭说，我什么不要你的钱，我只要我的狗。06年的正月初一，它偷偷的跟着我和我同学来到了五里地的白云山，很乖很乖的跟着。07年的10.1回家第一件事就是找它，因为贪玩没有回家急坏了奶奶，老人家跑了好几趟，我和奶奶说你别找了，我去给你找，最后在村口碰到了...

最近刚听到过有这么个名词“网页转场效果”，问了下师傅，果真有这么个东西地，然后去网上查了下代码，顺便试用了下，果真有，今天就记载以下吧。

<meta http-equiv="Page-Enter" content="revealtrans(duration=8,transition=12)" />
<meta http-equiv="Page-Exit" conte...

用table的时候我们为了美观，会考虑到它的边框；里面有两个属性：

border-collapse : separate | collapse 取值：separate :　默认值。边框独立（标准HTML）collapse :　相邻边被合并

empty-cells : show | hide 取值：show :　默认值。显示边框hide :　隐藏边框本来还以为这个和cellpadding="0" cellspacing="0&q...

大家有兴趣可以玩玩呢，地址是http://www.myheritage.com/collage

之前我们肯定有见过一张图片，只要你鼠标经过，它的颜色会从灰色转亮，或者说从半透明到不透明这种类似的效果，其实这个就是网页滤镜吧，一切都靠代码实现。从网上搜索了一些上来参考，也可以先看看例子（www.phpwind.com)中的产品图标效果

现在来看一些代码：.logoList { margin-right:1em ; margin-top:.5em; text-align:center}
.logoList li{ list-style:none; display:i...

今天来说说