本文章主要就是將之前幾篇文章中沒有提到的，但是個人認為比較重要的 css 的最佳實踐和套路
水平居中：
垂直居中
定位居中法
彈出層或者 loading 定位居中
123456
position: absolute; // 此種方法需要配合定寬定高flex 布局居中top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
123
display: flex;這裡推薦乙個使用純 css 實現各種圖形的**justify-content: center;
align-items: center;
方法：當元素為內聯元素 | 內聯塊級元素時，該元素下方會有小空隙，消除空隙
12
display: inline | inline-block;vertical-align: top;
123
position: fixed;不能使用width: 100%;
height: 100%;
position: absolute;，其高度不是頁面的高度，是視窗的高度
css偽類是新增到選擇器的關鍵字，指定要選擇的元素的特殊狀態。
偽元素新增到選擇器，但不是描述特殊狀態，它們可以為元素（非空元素）的某些部分設定樣式。
123456
div::beforediv::after
work-break: break-all打斷所有的單詞，從而使得詞語（單詞）換行
圓：border-radius: 50%;
position屬性：用於指定乙個元素在文件中的定位方式。值：
12345
static：該關鍵字指定元素使用正常的布局行為，即元素在文件常規流中當前的布局位置。relative
absolute
fixed
sticky（粘性定位[ 粘性定位是相對定位和固定定位的混合 ]）：盒位置根據正常流計算(這稱為正常流動中的位置)，然後相對於該元素在流中的 flow root（bfc）和 containing block（最近的塊級祖先元素）定位
box-sizing屬性：用於更改用於計算元素寬度和高度的預設的 css 盒子模型。值：
display: inline元素
img的height和width寫在img標籤中，作為標籤屬性，這樣可以避免重排的發生從而浪費了 cpu 效能（頁面效能優化）。
1
hr的最佳實踐
1234
.hr
span元素內可以包裹span，不能包裹塊級元素div，可以為span設定display: block從而達到效果
li裡面有a元素時，如果a元素有padding，則li不能完全包裹a，此時需要給a新增display: block;屬性即可。
css中width的預設值是auto
如果要繼承父元素的顏色，要宣告color: inherit;
animation動畫的時候要注意使用opacity
vh（viewport height）：檢視高度單位，100vh：表示整個檢視高度
屬性text-transform: uppercase將小寫字母轉化為大寫字母
position: absolute; 時，使用 top: 100%;，而不使用 bottom: 0;
注意使用white-space: nowrap，強制文字不換行，從而避免使用width（在建立二級選單時尤其注意）
有時父元素不能完全包裹住帶有padding的子元素，此時可以嘗試給子元素新增display: inline-block; vertical-align: top;或者display: block;
混合IT架構的最佳實踐
傳統idc跟雲服務的關係 傳統idc作為網際網路的基礎平台為其服務了幾十年，可是對idc的使用從來沒有像今天這樣使用了網際網路思維。雲時代，服務商賣給企業的不只是場地，機櫃，電。還有一整套採用網際網路思維來使用它們的解決方案，所以通常我們會覺得雲服務 哪兒哪兒都要花錢 所以有實力的公司會搞 私有雲 ...
Github 十大最佳實踐
1 保護主分支不受直接提交的影響 主分支中的任何一次提交都應該是可以直接部署的，所以永遠不要直接提交預設分支，同時也是 gitflow workflow 成為標準的原因。使用分支保護可以幫你防止直接提交，當然，所有的事情都應該使用pull requests來管理。2 避免基礎資訊的混亂 或許你在乙個...
IT專案管理最佳實踐（管事篇）
讀書筆記 序號最佳實踐 可歸併入的過程組 可歸併入的知識領域 1在制定專案之前，應盡可能識別出專案干係人，特別是專案的主要干係人 啟動專案干係人管理 2在專案正式開工之前，應該和專案各方商定並簽署工作協議 內容涵蓋責任 權力 義務和獎懲等 啟動專案整體管理 3制定 專案計畫 一般需要執行四個基本步驟...