css常见代码 |css 判断谷歌浏览器

/*选择器*/
div {}  /*元素选择器*/
#id {}  /*ID选择器*/
.class {} /*类选择器*/
/*盒模型*/
div {
width: 100px; /*宽度*/
height: 100px; /*高度*/
padding: 10px; /*内边距*/
margin: 10px; /*外边距*/
}
/*文本样式*/
span {
font-size: 14px; /*字体大小*/
color: #333; /*字体颜色*/
font-weight: bold; /*字体粗细*/
text-align: center; /*文本居中*/
}
/*背景和边框*/
div {
background-color: #f9f9f9; /*背景颜色*/
border: 1px solid #ccc; /*边框*/
border-radius: 5px; /*圆角*/
}
/*浮动和定位*/
.left {
float: left; /*左浮动*/
}
.right {
float: right; /*右浮动*/
}
.absolute {
position: absolute; /*绝对定位*/
top: 10px; /*顶部距离*/
right: 10px; /*右侧距离*/
}
/*动画*/
@keyframes slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
div {
animation: slidein 3s ease-in-out; /*动画效果*/
}

以上就是CSS中常见的一些代码用法，希望能对您有所帮助。