元素中所有子元素和文字內容都在內容區排列
內容區大小由width和height屬性設定
width 設定寬度
height 設定高度
共有四個方向的內邊距：
padding-top、right、bottom、left
內邊距會影響盒子大小，背景顏色會延伸到內邊距上
盒子的可見框總大小 由內容區、內邊距和邊框共同決定
padding 內邊距簡寫屬性，可以同時指定四個方向的內邊距，和border-width一樣
屬於盒子邊緣，邊框裡屬於盒子內部，邊框外都是盒子外部
設定邊框，至少設定三個樣式：（三個缺一不可）
寬度 border-width (預設3px)
border-width：10px 20px 30px 40px
上 右 下 左
四個引數：還可以規定各個邊的寬度
border-width：10px 20px 30px
三個引數： 上 中 下
border-width：10px 20px
兩個引數 ： 上下 左右
顏色 border-color
用來改變顏色，也可以分別指定四個顏色
border-color： red red red red
樣式 border-style
border-width
:10px;
border-color
:red;
border-style
:solid;//實線
solid 表示實線
dotted 點狀虛線
dashed 虛線
double 雙線
依然可以分別設定四個邊框格式
邊框會影響盒子大小 邊框10px，如果盒子高度200px，則總共高度220px
可以直接border 簡寫屬性
border：solid 10px orange
引數順序可以調換
外邊距不會影響盒子可見框大小，影響盒子的位置
一共有四個方向的外邊距 margin-top、right、bottom、left
例：
margin-top
:100px;//上外邊距，設定乙個正值，元素會向下移動
margin簡寫屬性
margin：100px (乙個引數、兩個引數、三個引數、四個引數都可以)
margin會影響盒子實際占用的空間
元素在其父元素水平方向的位置由以下屬性共同決定
margin-left
border-left
padding-left
width
padding-right
border-right
margin-right
width、margin-left、margin-right可以設定為auto
如果寬度和外邊距設定為auto，則寬度會調整到最大，外邊距為0
如果將三個值都設為auto，則外邊距都是0，寬度最大
如果兩個外邊距設為auto，寬度固定，則會將外邊距設定會相同的值
所以可以利用這個特點 使乙個元素在父元素中水平居中
width
:100px;
margin
:0 auto;//0表示上下邊距0，左右auto自動水平居中
子元素在父元素內容與排列，如果高度大於父元素，會超出，撐破盒子。
可以在父元素設定overflow屬性處理溢位的子元素，可選值：
visible預設值 子元素會從父元素溢位，在父元素外部的位置顯示
hidden溢位內容將會被裁剪 不會顯示
scroll生成兩個滾動條，通過滾動條來檢視完整的內容
auto根據需要生成滾動條
overflow-x：單獨處理水平方向溢位
overflow-y：單獨處理垂直方向溢位
上元素的margin-bottom：100px
下元素的margin-top：100px
倆元素之間距離仍是100px
相鄰的垂直方向外邊距會發生重疊現象
兄弟元素間的相鄰垂直外邊距會取兩者之間的較大值（兩者都是正值）
特殊情況：相鄰外邊距一正一負，則距離取兩者和
相鄰外邊距兩個都是負值，取絕對值較大的
兄弟元素之間的外邊距充電，對於開發是有利的，不需要處理
父子元素之間相鄰外邊距，子元素的會傳給父元素（上外邊距）
父子外邊距的摺疊會影響到頁面布局，必須處理
通過父元素padding-top來代替margin效果
通過給父元素新增邊框，使父子元素的外邊距不相鄰
行內元素不支援設定寬度和高度，(不能通過寬高設定內容區大小，只能通過內容)
行內元素可以設定padding，但是垂直方向padding不會影響頁面布局(不會擠走別人，但有可能覆蓋)
行內元素可以設定border，垂直方向的border不會影響布局
行內元素可以設定margin，垂直方向margin不會影響布局
a中的超連結屬於行內元素
用來設定元素顯示型別
inline設定為行內元素
block設定為塊元素
inline-block設定會行內塊元素
既可以設定寬高又不會獨佔一行
行內塊元素之間會有空隙
table將元素設定為乙個**
none元素不在頁面顯示
用來設定元素的顯示狀態
visible預設值 元素在頁面中正常顯示
hidden元素在頁面中隱藏 不顯示 佔據位置
通常情況下，瀏覽器都會為元素設定一些預設樣式
預設樣式的存在會影響到頁面的布局，通常情況下編寫網頁必須去除掉瀏覽器的預設樣式(pc端的頁面)
f12可以檢視元素
預設樣式在父元素body裡
"較麻煩"///
bodypul
/最簡單方法,有殘留 不完美
*
rel=
"stylesheet"
href
="./moren.css"
>
normalize.css對預設樣式做了統一
2.reset.css(moren.css)
直接去除了瀏覽器的預設樣式
預設情況，盒子可見框的大小由內容區、內邊距和邊框共同決定
box-sizing用來設定盒子尺寸的計算方式（設定width和height的作用）
content-box預設值，寬度高度用來設定內容區的大小
border-box寬度和高度用來設定整個盒子可見框的大小
width和height指的是內容區和內邊距和邊框的總大小
outline用來設定元素的輪廓線，用法和border一模一樣
輪廓和邊框不同的點，就是輪廓不會影響可見框的大小，有可能會擋住其他元素
box-shadow用來設定元素的陰影銷過，也不會影響頁面布局
預設陰影在元素重合正下方
box-shadow：apx bpx cpx color
apx值影響陰影的水平位置(正值陰影向右移動，負值相反)
bpx值影響陰影的垂直位置(正值向下移動，負值相反)
cpx 值陰影的模糊半徑
color 陰影的顏色
border-radius用來設定圓角，圓角設定圓的半徑大小
border-top-left-radius、border-top-right-radius、border-bottom-right-radius、border-bottom-left-radius
可以設定兩個引數
乙個引數，正圓，代表半徑
兩個引數，橢圓，代表各個半徑
border-radius可以費別指定四個角的圓角
四個值： 左上 右上 右下 左下
三個值 左上 右上/左下 右下
兩個值 左上/右下 右上/左下
50%圓形
CSS復學 （個人學習記錄筆記）
目錄 4.css語法 5.選擇器 篩選具有相似特徵的元素 6.屬性 案例 功能強大 將內容展示和樣式控制分離 1.內聯樣式 2.內部樣式hello css 3.外部樣式 定義css資源檔案。在head標籤內，定義link標籤，引入外部的資源檔案 div hello css hello css 注意 ...
CSS個人學習筆記 僅供參考
div是css中的定位技術，全稱division，即為劃分，有時可以稱為圖層。div元素是用來為html文件內大塊的內容提供結構和背景的元素。通俗來說，div在頁面布局中，主要作為承載內容的容器！沒有任何的預設樣式，所有的外觀樣式都需要我們自己調整。css是一種用來表現html或xml等檔案樣式的計...
SAP BW個人學習筆記
sap bw個人學習筆記 難免有錯，持續更新，切勿對號入座。一 kpi 1 kpi是線性遞增的 2 kpi關鍵指標 一般情況下，2個模組，就有40個kpi，3個模組，有60多個kpi 二 增強 1 只有不符合要求時，才使用增強，還要使用標準字段。三 財務資料源 財務資料源是用的後像，也即是餘像，只能...