animation和transition大部分屬性是相同的，他們都是隨時間改變元素的屬性值，他們的主要區別是transition需要觸發乙個事件才能改變屬性，而animation不需要觸發任何事件的情況下才會隨時間改變屬性值，並且transition為2幀，從from .... to，而animation可以一幀一幀的
transition:過渡（觸發乙個事件才能改變屬性）
.c3.c3:hover
flex是flexible box的縮寫，意為"彈性布局"，用來為盒狀模型提供最大的靈活性
簡單的分為容器屬性和元素屬性
容器屬性：
flex-direction：決定主軸的方向（即子item的排列方法）row | row-reverse | column | column-reverse;
flex-wrap：決定換行規則 nowrap | wrap | wrap-reverse;
justify-content：對其方式，水平主軸對齊方式
align-items：對齊方式，豎直軸線方向
專案的屬性（元素的屬性）：
order屬性：定義專案的排列順序，順序越小，排列越靠前，預設為0
flex-grow屬性：定義專案的放大比例，即使存在空間，也不會放大
flex-shrink屬性：定義了專案的縮小比例，當空間不足的情況下會等比例的縮小，如果定義個item的flow-shrink為0，則為不縮小
flex-basis屬性：定義了在分配多餘的空間，專案佔據的空間
flex：是flex-grow和flex-shrink、flex-basis的簡寫，預設值為0 1 auto
align-self：允許單個專案與其他專案不一樣的對齊方式，可以覆蓋align-items，預設屬性為auto，表示繼承父元素的align-items
基礎面試題
答 物件導向的特徵主要有以下幾個方面 1.抽象 抽象就是忽略乙個主題中與當前目標無關的那些方面，以便更充分地注意與當前目標有關的方面。抽象並不打算了解全部問題，而只是選擇其中一部分，暫時不用部分細節。抽象包括兩個方面，一是過程抽象 二是資料抽象。2.繼承 繼承是一種聯結類的層次模型，並且允許和鼓勵類...
基礎面試題
公有方法。整個程式都可以訪問 私有方法。只有這個類可以訪問 受保護級別。這個包中的類及子類都可訪問 無修飾符時只向同乙個包中的類訪問 許可權限制 private default protected public 被public修飾的變數 public string s 被private修飾的變數 p...
前端面試題 css相關面試題
css 選擇器中，元素選擇器和類選擇器的區別是什麼？元素選擇器是最常見的 css 選擇器，即，文件的元素就是最基本的選擇器。選擇器通常是某個 html 元素，比如 等，甚至可以是 元素本身。類選擇器用於將樣式規則與附帶 class 屬性的元素匹配，其中該 class 屬性的值為類選擇器中指定的值。使...