web前端开发之CSS笔录

作者：System 时间：2024年08月15日分类：所有,css 字数：816

CSS是一种用于网页样式设计的语言，以下是一些常用的CSS样式和布局技巧的示例：




div {
  width: 300px;
  height: 200px;
}




div {
  background-color: #ff0000; /* 红色 */
}




p {
  color: #0000ff; /* 蓝色 */
}




p {
  text-align: center;
}




div {
  border: 1px solid #000000; /* 黑色实线边框 */
}




div {
  margin: 10px;
}




div {
  padding: 20px;
}




div {
  float: left; /* 左浮动 */
}




.container {
  display: flex; /* 启用flex布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}




div {
  display: none; /* 元素不显示 */
}

这些是CSS中常用的样式和布局技巧，可以根据需要进行组合和修改以创建复杂的网页样式。