本文共 1296 字，大约阅读时间需要 4 分钟。

整理css的使用：

一、1. CSS 伪元素 

http://www.w3school.com.cn/css/css_pseudo_elements.asp

     2.  清除浮动

div:before，div:after{     content:"";     display:table;} div:after{     clear:both}

div.clearfix:before,div.clearfix:after {  content: " ";  display: table;}div.clearfix:after {  clear: both;}div.clearfix {  overflow: visible;}div.clearfix  XXX {  float: left;}

二 在HTML中以上a:link a:visited a:hover a:active

a:link,a:visited {  color: #333;  text-decoration: none;}a:hover {  color: #c00;  text-decoration: none;}h1 a:link,h1 a:visited,h2 a:link,h2 a:visited,h3 a:link,h3 a:visited {  color: #333;}h1 a:hover,.h2 a:hover,h3 a:hover {  color: #c00;}a:focus {  outline: none;}a.f-blue:link,a.f-blue:visited {  color: #2981a9;  text-decoration: none;}a.f-blue:visited {  color: #025d87;  text-decoration: none;}a.f-undline:link,a.f-undline:visited {  text-decoration: underline;}a.f-undline:visited {  text-decoration: underline;}

三  与上类似 当input被聚焦时 改变border颜色

input:focus,textarea:focus {  border-color: #9cf;  box-shadow: none;}

四 给元素增加阴影

box-shadow: 0px 3px 2px red;

转载地址：http://xhlii.baihongyu.com/