/* 1. 渐变背景 */ background: linear-gradient(to bottom, #e66465, #9198e5); /* 2. 文字溢出省略号 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* 3. 简单的响应式网页布局 */ @media only screen and (max-width: 768px) { body { font-size: 16px; line-height: 1.5; } } /* 4. 自适应图片 */ img { max-width: 100%; height: auto; } /* 5. 给链接添加下划线 */ a { text-decoration: underline; } /* 6. 阴影效果 */ box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
以上是一些CSS短片的例子,它们虽然简短,但有助于提高代码的可读性和可维护性。在编写CSS代码时,大家应该注重选择优雅、简短的代码,这样更有利于提高大家的工作效率和代码质量。