纠正一下，，
placeholder是HTML5的新属性，并不是CSS3，，，CSS3和CSS2都是一样的，是在<style></style>里，或者CSS文件里，或者style=""这里面的。
修改颜色，，这个网上倒是有几种办法，
一，使用伪类：
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #f00
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f00
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #f00
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #f00
}
二是使用JS来替换掉占位符：
$('[placeholder]').focus(function() {var input = $(this)
if (input.val() == input.attr('placeholder')) {
input.val('')
input.removeClass('placeholder')
}
}).blur(function() {
var input = $(this)
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder')
input.val(input.attr('placeholder'))
}
}).blur()
$('[placeholder]').parents('form').submit(function() {
$(this).find('[placeholder]').each(function() {
var input = $(this)
if (input.val() == input.attr('placeholder')) {
input.val('')
}
})
})
CSS:
form .placeholder {
color: #222
font-size: 25px
/* etc */
}
三就是用最常用的onfocus：
<input type="text" value="placeholder text" onfocus="this.style.color='#000'this.value=''" style="color: #f00"/>
DW div里面的文字调整位置步骤如下：
1、我们先新建一个div标签，设置宽高均为400px，并设置左、上边距均为0。
2、为明显显示，将div背景颜色设置为蓝色，在将div标签内添加文字。
3、在CSS规则定义分类选项中选择【方框】，然后找到Padding和Margin，分别设置方框的内边距和外边距。
4、我们先设置Margin的top和left分别为20px，即设置外上边距和外左边距均为20px。效果如下图所示，方框与页面顶部和左部隔开了距离。
5、若外上边距和外左边距均为50px，效果如下图所示。对比上一步可以看出，边距宽了一点。
6、同样，再设置Padding的top和left分别为50px，即设置内上边距和内左边距均为50px。
效果如下图所示，文字与顶部和左部隔开了距离。
