1.margin摺疊
結論： (1)垂直排放的盒子，垂直間距是合併的（取最大值）
(2)水平排放的盒子，水平間距是margin的累加
(3)margin摺疊只發生在塊級元素上；
(4)浮動元素的margin不與任何margin發生摺疊；
(5)設定了屬性overflow且值不為visible的塊級元素，將不與它的子元素發生margin摺疊；
(6)絕對定位元素的margin不與任何margin發生摺疊；
(7)根元素的margin不與其它任何margin發生摺疊；
2.巢狀盒子時子盒子margin與父盒子重疊問題
解決方式 (1)為父盒子新增 overflow：hidden
(2)為父盒子新增padding
(3)為父盒子新增border
html>
<
htmllang="en">
<
head>
<
metacharset="utf-8">
<
title>巢狀盒子
title>
<
style>
#parent
#child
style>
head>
<
body>
<
divid="parent">
<
divid="child">
div>
div>
body>
html>
H5基礎知識第六課時（CSS）1
1.列表 li 常用屬性 1 列表樣式list style none 不使用專案符號 disc 實心圓 circle 空心圓 square 實心方塊 decimal 阿拉伯數字 lower roman 小寫羅馬數字 upper roman 大寫羅馬數字 lower alpha 小寫英文本母 uppe...
H5基礎知識第八課時（flex布局）
flex布局 box 容器屬性 1 flex direction屬性決定主軸的方向 即專案的排列方向 row 預設值 主軸為水平方向，起點在左端。row reverse 主軸為水平方向，起點在右端。column 主軸為垂直方向，起點在上沿。column reverse 主軸為垂直方向，起點在下沿。2...
H5基礎第五課時CSS篇（1）
一.css基本語法 1.css的寫法 分三類 1 行內樣式 樣式只在當前標籤可用，寫法比較繁瑣，這種寫法要極力避免。電腦1元起 2 內部樣式 樣式只在當前頁面可用，比行內寫法要好一些，缺點 無法做到多個頁面共用乙個樣式 電腦1元起 3 外部樣式 推薦寫法！樣式可以復用。做到了樣式和檔案的分離。電腦1...