1.行級布局
2.列級布局 （float布局）
float:left;
a.脫離文件流：從原來的文件流中脫離出來，不再佔據位置，寬度由內容決定
b.不脫離文件流：佔據原來的位置，寬度預設為100%
3.定位布局
position:static/relative/absolute/fixed
當position的取值有後三個的時候，說明當前元素為定位元素，而定位元素可以使用left,right,top,bottom來定位。
1）相對定位
position:relative;
相對於原來的位置，不脫離文件流
2）絕對定位
position:absolute;
相對於距離它最近的父定位元素，如果父元素中不存在定位元素，則相對於瀏覽器視口；脫離文件流
覆蓋位置：z-index:0;position:fixed
相對於瀏覽器視口，不隨頁面的滾動而滾動
4.flex 伸縮盒布局
列級別布局，一般用於手機端的布局、用於後台部分布局
主軸/交叉軸
flex-direction:row;
主軸為x軸，交叉軸為y軸
子元素橫向排列，左中右排列
flex-direction:colum;
主軸為y軸，交叉軸為x軸
子元素縱向排列，上中下排列
1)父元素
display:flex; （伸縮盒布局）
flex-direction：（定義主軸）
row x軸
colum y軸
justify-content: ( 定義主軸上的內容排列方式)
space-around 空白環繞
space-between
flex-start 預設
flex-end
center
align-items: (定義交叉軸上的內容排列方式)
stretch 預設拉伸
flex-start
flex-end
center
flex-wrap:
nowrap 預設
wrap 換行（當容器無法容納子元素的時候）
2）子元素
flex-basic
方案1
.content
方案2、3
.content
方案4
body
.content
6.邊框陰影
box-shadow 接收乙個由5個部分組成的值
x軸 y軸 霧化面積 擴大 顏色
box-shadow: offset-x offset-y blur spread color position;.left
.right
.left
.right
4）spread：第四個，同時也是最後乙個長度值代表著陰影的尺寸。這個值可以被想象成從元素到陰影的距離。正值會在元素的各個方向按指定的數值延伸陰影。負值會使陰影收縮得比元素本身尺寸還小。預設值0會讓陰影伸展得和元素的大小一樣。
5）color：顏色值，正如你期望的，是陰影的顏色。它可以是任何顏色單位。
6）position：box-shadow屬性的最後乙個值是乙個可選的關鍵字，它代表著陰影的位置。預設情況下，這個值並而沒有給出，這意味著陰影是乙個外部陰影。我們能通過關鍵字inset使陰影變成內部陰影。
.left
.right
8）圓形陰影box-shadow 屬性的邊界半徑是通過該元素的 border-radius 屬性來控制的。
.foo10）浮動效果
.left 浮動
.right 不浮動
overfloat:auto;
右側顯示
java學習筆記 第八天
01.物件導向 多型概念 定義 某一類事物的多種表現形式。可以理解為事物存在的多種體現形態。02.物件導向 多型 擴充套件性 多型的體現 父類的引用指向了自己的子類物件。父類的引用也可以接受自己的子類物件。如 father father new sun 多型的好處 多型的出現大大的提高了程式的擴充套...
Linux學習 第八天筆記
2020年5月16日 週六 儲存結構與磁碟劃分 在linux系統中，目錄 字元裝置 塊裝置 套接字 印表機等都被抽象成了檔案，即劉遄老師所一直強調的 linux系統中一切都是檔案 既然平時我們打交道的都是檔案，那麼又應該如何找到它們呢？在windows作業系統中，想要找到乙個檔案，我們要依次進入該檔...
C 學習第八天
介面 inte ce c 中介面定義的規則 1 介面本身的預設訪問級別為internal，即程式集本身訪問級別 2 介面中方法不能使用任何訪問修飾符 例如 public private internal protected 等修飾。系統自動為其設定為public 3 不能使用virtual修飾 4 ...