html制作中使用的css样式

html制作

---

css常用属性

需要给部分标签加浮动后需要清楚浮动，固定代码：

.container ul li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	border-top: 1px solid #999;
	 200%;
	height: 1px;
	transform: scale(0.5, 0.5);
	transform-origin: 0 0;
	-webkit-transform: scale(0.5, 0.5);
	-webkit-transform-origin: 0 0;
	box-sizing: border-box;
}

.container ul li:after {
	content: "";
	display: block;
	clear: both;
}

before代表元素第一个

after代表最后一个元素

css部分属性

标签的第一个子元素：

p:first-child:after {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	border-top: 0px;
}

css部分属性

当图片存在间隙时，使用下面属性可以取消图片和元素之间的间隙；

ul li .list-right img {
	 100%;
	display: block;
}

代表元素的透明度：一般默认为255

background-color: rgba(0, 0, 0, 0.5);

transparent渐变：  z-index下浮;

    border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #888;
	z-index: 1;