CSS3 – 除除

读书笔记:《SVG动画》 – [美]莎拉·德拉斯纳著 / 大漠译

探讨了SVG的响应式设计、优化导出及动画在用户体验中的重要性，强调通过自然的缓动函数与细节观察提升动画效果。同时介绍了动画设计的原则、原型迭代和组件库开发，建议通过A/B测试验证动画的实际效果，避免过度设计或分散用户注意力。

介绍了两种实现页面底部 (footer) 吸底的 CSS 方案。方案 1 使用 Flex-Box 和 calc 动态调整布局，兼容现代浏览器；方案 2 通过设置内容区最小高度和底部负 margin 实现吸底效果。两种方法均能解决内容不足时底部上浮的问题，各有优缺点，需根据需求选择合适方案。

概述了如何使用 husky、lint-staged、prettier、eslint、stylelint 和 htmllint 等工具规范 JavaScript、CSS 和 HTML 代码，提供详细的配置示例，涵盖代码格式、语法规则以及最佳实践，帮助开发者构建一致且高质量的代码风格。

总结了 CSS3 的多种新特性与用法，包括动态伪类选择器、结构伪类、属性选择器、边框颜色与圆角、盒子阴影、多背景、文本溢出与换行、透明度、Flexbox 模型、多列布局、3D 变形、过渡效果、媒体查询以及自定义字体等，详细解析了其属性功能与应用场景，帮助开发者更高效地实现复杂的布局与样式设计。

讲解了设置 box-sizing: border-box; 的作用，明确元素的宽度和高度包含 border 与 padding，内容区宽高会自动减去 border 和 padding 的值。外边距 (margin) 不受影响，依然会发生合并。此属性使布局更直观且易于控制元素尺寸。

order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。

"CSS3 Flex布局（项目）"继续阅读

"CSS3 Flex布局（容器）"继续阅读

"理解CSS3属性transition"继续阅读

"CSS3 边框 border-radius"继续阅读

介绍了如何使用 Bootstrap 实现瀑布流布局，涵盖了基本配置、栅格系统、缩略图、响应式图片及 CSS3 样式。通过实战案例逐步解析布局细节，并提供 JavaScript 实现方式以增强兼容性。