1.前端技術分享內容推薦

CSS3 新特性animation：動畫gradient：漸變transition：過渡transform：旋轉、縮放、移動或者傾斜shadow：陰影border-radius：圓角背景原點:background-origin(控制背景從什么地方開始顯示)

2.前端技術分享什么主題比較好

background-origin:border-box/co主力建倉指標怎么看ntent-box/padding-box;border-box:從border-box開始顯示content-box:從content-box開始顯示

3.前端小技巧分享

padding-box:從padding-box開始顯示背景裁剪:background-clip:border-box/content-box/padding-box;border-box:從border-box開始裁剪

4.前端技術分享會分享什么

content-box:從content-box開始裁剪padding-box:從padding-box開始裁剪多背景:background: url(img/bg1.png) no-主力建倉指標怎么看repeat left top,

5.前端實用技巧

url(img/bg2.png) no-repeat right top, url(img/bg3.png) no-repeat right bottom, url(img/bg4.png) no-repeat left bottom;

6.前端技術大全

漸變線性漸變:linear-gradient(方向,起始顏色,終止顏色)方向:to left,to right,top top,to bottom,角度:360度;如: background-image:linear-gradient(to right,yellow,red);//從左往右漸變

7.前主力建倉指標怎么看端有趣技術分享

background-image:linear-gradient(yellow,red);//不寫方向,默認從上往下漸變background-image:linear-gradient(90deg,yellow,red);//旋轉90度漸變

8.前端視頻教程推薦

徑向漸變:radial-gradient(輻射半徑,中心位置,起始顏色,終止顏色);background-image: radial-gradient(at left top,yellow,green);//從左上角漸變

9.前端分享小技術或者小效果

background-image: radial-gradient(at 50主力建倉指標怎么看px 50px,yellow,green);background-image: radial-gradient(120px at center,yellow,green);

10.前端做一次技術分享

CSS3動畫

盒模型標準盒模型--->box-sizing:content-box;主要用于PC端怪異盒模型--->box-sizing:border-box;主要用于移動端彈性盒模型:控制子元素的布局方式1：display：flex；

作用：讓當前元素形成彈性盒子特點：1.讓一個子元素在彈性盒里面左右上下居中2.彈性盒里面的元素可以直接添加寬高3.彈性盒里面的元素都是沿著"主軸"排列(主軸:x軸或者y軸主力建倉指標怎么看 默認x軸為主軸)2:主軸的排列方向

flex-directionrow、column、row-reverse、column-reverse3：主軸的對齊方式justify-content4：側軸的對齊方式 align-itemsflex-start flex-end center stretch

5：flex-wrap 控制子元素換行wrapwrap-reversenowrap6：align-contentflex-start 頂端對齊flex-end 末端對齊space-betweenspace-around 自動分配

======子元素align-self 控制某個子元素在側軸的對齊方式fle主力建倉指標怎么看x-startflex-endcenterstretchauto 默認值 繼承了他的父元素的align-items屬性order 5 控制子元素的序列

flex 把剩余空間自動分配彈性布局容器的屬性:flex-direction:屬性決定主軸的方向（即項目的排列方向）flex-direction: row | row-reverse | column | column-reverse;。

row（默認值）：主軸為水平方向，起點在左端row-reverse：主軸為水平方向，起點在右端column：主軸為垂直方向，起點在上沿column-reverse：主軸為垂直方向，起點在下沿flex-wrap:默主力建倉指標怎么看認情況下，項目都排在一條線（又稱"軸線"）上。

flex-wrap屬性定義，如果一條軸線排不下，如何換行flex-wrap: nowrap | wrap | wrap-reverse;nowrap（默認）：不換行wrap：換行，第一行在上方wrap-reverse：換行，第一行在下方。

flex-flow:flex-flow屬性是flex-direction屬性和flex-wrap屬性的簡寫形式，默認值為row nowrapflex-flow: || ;justify-content:屬性定義了項目在主軸上的對齊方式。

justify-content: flex-start | flex-end |主力建倉指標怎么看 center | space-between | space-around;flex-start（默認值）：左對齊flex-end：右對齊

center： 居中space-between：兩端對齊，項目之間的間隔都相等space-around：每個項目兩側的間隔相等所以，項目之間的間隔比項目與邊框的間隔大一倍align-items:屬性定義項目在交叉軸上如何對齊。

具體的對齊方式與交叉軸的方向有關align-items: flex-start | flex-end | center | baseline | stretch;flex-start：交叉軸的起點對齊flex-end：交叉軸的終點對齊主力建倉指標怎么看。

center：交叉軸的中點對齊baseline: 項目的第一行文字的基線對齊stretch（默認值）：如果項目未設置高度或設為auto，將占滿整個容器的高度align-content:屬性定義了多根軸線的對齊方式。

如果項目只有一根軸線，該屬性不起作用align-content: flex-start | flex-end | center | space-between | space-around | stretch;

flex-start：與交叉軸的起點對齊flex-end：與交叉軸的終點對齊center：與交叉軸的中點對齊space-between：與交叉軸兩端對齊，軸線之間的間隔平均分主力建倉指標怎么看布space-around：每根軸線兩側的間隔都相等。

所以，軸線之間的間隔比軸線與邊框的間隔大一倍stretch（默認值）：軸線占滿整個交叉軸項目的屬性:order:屬性定義項目的排列順序數值越小，排列越靠前，默認為0order: ;flex-grow:屬性定義項目的放大比例，默認為0，即如果存在剩余空間，也不放大。

如果所有項目的flex-grow屬性都為1，則它們將等分剩余空間（如果有的話）如果一個項目的flex-grow屬性為2，其他項目都為1，則前者占據的剩余空間將比其他項多一倍flex-grow: ; /* default 0 */。

flex-shrink:屬性定義了項目的縮小比例，默主力建倉指標怎么看認為1，即如果空間不足，該項目將縮小如果所有項目的flex-shrink屬性都為1，當空間不足時，都將等比例縮小如果一個項目的flex-shrink屬性為0，其他項目都為1，則空間不足時，前者不縮小。

負值對該屬性無效flex-shrink: ; /* default 1 */flex-basis:屬性定義了在分配多余空間之前，項目占據的主軸空間（main size）瀏覽器根據這個屬性，計算主軸是否有多余空間。

它的默認值為auto，即項目的本來大小它可以設為跟width或height屬性一樣的值（比如350px），則項目將占據固定空間flex-basis: | auto; /* default 主力建倉指標怎么看auto */。

flex:屬性是flex-grow, flex-shrink 和 flex-basis的簡寫，默認值為0 1 auto后兩個屬性可選該屬性有兩個快捷值：auto (1 1 auto) 和 none (0 0 auto)。

建議優(yōu)先使用這個屬性，而不是單獨寫三個分離的屬性，因為瀏覽器會推算相關值flex: none | [ ? || ]align-self屬性允許單個項目有與其他項目不一樣的對齊方式，可覆蓋align-items屬性。

默認值為auto，表示繼承父元素的align-items屬性，如果沒有父元素，則等同于stretch該屬性取6個值，除了auto，其他都與align-主力建倉指標怎么看items屬性完全一致align-self: auto | flex-start | flex-end | center | baseline | stretch;。