web前端开发css常用代码

以下是一些常用的CSS代码示例：

1. 设置背景颜色：

body {
  background-color: #f1f1f1;
}

2. 设置文本颜色和字体大小：

h1 {
  color: blue;
  font-size: 24px;
}

3. 设置边框样式和宽度：

div {
  border: 1px solid black;}

4. 设置元素的宽度和高度：

img {
  width: 200px;
  height: 150px;
}

5. 设置元素的内外边距：

p {
  padding: 10px;
  margin: 20px;
}

6. 设置元素的浮动和清除浮动：

div {
  float: left;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;}

7. 设置元素的透明度：

div {
  opacity: 0.5;
}

8. 设置元素的动画效果：

div {
  animation-name: example;
  animation-duration: 3s;
}

@keyframes example {
  0% {background-color: red;}
  50% {background-color: yellow;}
  100% {background-color: green;}
}