CSS伪代码

/*在p之后插入我是好人*/
p.first:after {
content: "好人"
}

/*在p之前插入亲爱的朋友men*/
p:before {
content: "亲爱的朋友men"
}

/*设置第一个p元素*/
p:first-child{
	/*background-color: yellow;*/
}

/*设置最后一个p元素  等价于：p:nth-last-child(1)*/
p:last-child{
	/*background-color: yellow;*/
}

/*设置正数数第一个p元素*/
p:nth-child(1){
	/*background-color: red;*/
}

/*设置倒着数第一个p元素*/
p:nth-last-child(1){
	/*background-color: red;*/
}

/*box-shadow box阴影 x偏移量  y偏移量 阴影模糊值 颜色 */
P{
	margin-top: 50px;
	box-shadow: 5px 5px 3px red;
	/*webkit浏览器阴影*/
	-webkit-box-shadow: 5px 5px 3px red;
	/*火狐浏览器阴影*/
	-moz-box-shadow: 5px 5px 3px red;


}	

p{
	/*text-shadow: 5px 5px 3px blue;*/
}

div.image{

	background: url(123.png);
	
/*background-size:300px 300px;*/
    background-size:50% 100%;
	background-repeat:no-repeat;
	-moz-background-size:300px 300px; /* 老版本的 Firefox */
	background-clip: no-clip;
	width: 500px;
	height: 600px;
}

.image{
	border:1px solid;
	border-radius: 20px 20px;
	-moz-border-radius: 20px 20px;
    -webkit-border-radius: 20px 20px;
}