1、線性漸變
background:原背景色 linear-gradient(顏色1百分數，顏色2百分數，….) 是否平鋪 位置；
數字要從小到大或相鄰兩個相等
eg：background:black linear-gradient(to right,black,white,black）no-repeat -300px 0;
2、徑向漸變
background:radial-gradient(at 20px 20px ,#fff,red,#fff);
3、background-origin
border-box;
padding-box;
content-box;
box-sizing:設定或檢索物件的盒模型
組成模式
屬性值：border-box/content-box
CSS 樣式（背景 文字 字型 盒模型）
一 盒模型 盒模型就乙個盒子，在頁面上用html和css 生成，在預設的情況下，我們是看不到盒模型的，因為它是處於透明狀態，看不到它是什麼模樣，而盒模型是通過邊框來顯示 什麼是邊框？它是乙個屬性，它分別有三個值 margin border padding 另外還有對於盒模型一些其他設定，比如top ...
標準盒模型 怪異盒模型 彈性盒模型
box sizing content box 標準盒模型 標準盒模型總寬度 border2 padding2 content box sizing border box 怪異模式 怪異盒模型的總寬度 width margin 左右 width已經包含了padding和border值 flex dir...
css盒模型 標準盒模型 怪異盒模型
css 盒子模型 box model 每個html元素都可以看作是乙個盒子，父元素和子元素的關係就行大盒子裡放了個小盒子，兄弟元素就像在大盒子平放了兩個小盒子。盒模型包括 外邊距 margin 邊框 border 內邊距 padding 實際內容 content 四個屬性。由於目前大部分主流的瀏覽器...