走在前端的大道上 本篇將自己讀過的相關 盒模型BFC 文章中，對自己有啓發的章節片段總結在這（會對原文進行刪改）,會不斷豐富提煉總結更新。 一.常見定位方案 在講 BFC 之前，我們先來了解一下常見的定位方案，定位方案是控制元素的佈局，有三種常見方案: 普通流 (normal flow) 在普通流中，元素按照其在 HTML 中的先後位置至上而下佈局，在這個過程中，行內元素水平排列，直到當行
什麼是盒模型 一個CSS盒模型由content、border、padding、margin組成，盒模型又分為標準模型和IE模型。標準模型和IE模型區別就是就是計算盒子的寬度和高度的不同 標準模型 標準模型的寬度和高度指的是content 實際例子 style type="text/css" .box{ width: 200px; height: 200px; bor
CSS 全棧知識指南：從基礎語法到高級實戰 CSS（Cascading Style Sheets，層疊樣式表）是網頁的 “美容師” 與 “建築師”—— 它不僅定義文字顏色、背景樣式等視覺表現，更通過佈局技術構建網頁的骨架結構。從 1996 年 CSS1 誕生至今，其已發展為包含數百個屬性、適配多端場景的龐大體系。本文將以 “原理→技術→實戰→優化” 為脈絡，拆解 CSS 的
