随笔分类 -  css

摘要：本篇教程深入讲解Flexbox布局的核心概念，重点介绍弹性容器的三大关键属性：flex-grow（控制伸展比例）、flex-shrink（控制收缩比例）和flex-basis（设置基准尺寸）。通过生动示例演示了主轴与交叉轴的方向控制（flex-direction）、元素对齐方式（justify-content/align-items）以及自动换行（flex-wrap）的实现原理。教程采用"奶奶级"易懂方式，配合动态图示展示不同属性值的效果差异，为后续JavaScript学习打下CSS基础。 阅读全文

摘要：这篇教程详细讲解了CSS盒子模型的基础知识，包括外边距、内边距和边框的概念，以及外边距重叠的规则。还介绍了两种盒子类型（content-box和border-box）的区别，以及行内元素、块元素和inline-block元素的布局特性。适合零基础学习者掌握CSS排版基础。 阅读全文

摘要：标题都是奶奶都能看懂了，那么我们肯定从最基础的开始讲。之所以这么自信是因为能踩的坑全帮你们踩过了…… 开始之前，先来首诗感受一下，具体啥意思你看完本文就懂了。 点类井号逗为或，类多号单连为且。 id 优先类在后，类型选择在末尾。 代码优先难解决，拿出鼠标数一数。 如若个数全相等，末尾样式最优先。 外 阅读全文