CSS 样式和布局

CSS 学习笔记和实用技巧。

基础选择器

/* 元素选择器 */
p { color: blue; }

/* 类选择器 */
.highlight { background: yellow; }

/* ID选择器 */
#header { font-size: 24px; }

Flexbox 布局

.container {
    display: flex;
    justify-content: center;
    align-items: center;
}

Grid 布局

.grid {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 20px;
}

响应式设计

@media (max-width: 768px) {
    .mobile-hide { display: none; }
}

---

样式设计让网页更加美观

2025-09-192025-09-19

💬 评论

评论系统加载中...