Q1 為了更好的向前兼容不同的瀏覽器，編寫(xiě)CSS3時(shí)都有哪些前綴？分別對(duì)應(yīng)什么瀏覽器？

Q2 說(shuō)說(shuō)你理解的偽類和偽元素分別是什么？

偽類：是為了通過(guò)選擇器，格式化DOM樹(shù)以外的信息，以及不能被常規(guī)CSS選擇器獲取到的信息。
通過(guò)上面的概念我們知道了偽類的功能有兩種：
1.格式化DOM樹(shù)以外的信息。比如： <a> 標(biāo)簽的:link、:visited 等。這些信息不存在于DOM樹(shù)中。

2.不能被常規(guī)CSS選擇器獲取到的信息。比如：要獲取第一個(gè)子元素，我們無(wú)法用常規(guī)的CSS選擇器獲取，但可以通過(guò) :first-child 來(lái)獲取到。

偽元素：可以創(chuàng)建一些文檔語(yǔ)言無(wú)法創(chuàng)建的虛擬元素。比如：文檔語(yǔ)言沒(méi)有一種機(jī)制可以描述元素內(nèi)容的第一個(gè)字母或第一行，但偽元素可以做到（::first-letter、::first-line）。同時(shí)，偽元素還可以創(chuàng)建源文檔不存在的內(nèi)容，比如使用::before或者::after。
根據(jù)上述理解，偽類和偽元素的區(qū)別如下：
偽類其實(shí)是彌補(bǔ)了CSS選擇器的不足，用來(lái)更方便地獲取信息，而偽元素本質(zhì)上是創(chuàng)建了一個(gè)虛擬容器(元素)，我們可以在其中添加內(nèi)容或樣式。

在CSS3中，偽類用單冒號(hào):表示；而偽元素用雙冒號(hào)::表示。一個(gè)選擇器可以同時(shí)使用多個(gè)偽類(但有的偽類會(huì)互斥)；而一個(gè)選擇器只能同時(shí)使用一個(gè)偽元素

Q3 分清 Transform 、Transition、 Animations 三兄弟,并闡述它們分別的用處？

1、transform: 改變?cè)匦螤?/strong>

 transition: property duration animation type delay 

.animation{
    width: 300px;
    height: 300px;
    position: absolute;
    font-size: 22px;
    color: white;
    background-color: brown;
    animation: ccchange 3s ease alternate infinite;
}
 
@keyframes ccchange {
    0%{
        width: 300px;
        height: 300px;
        background-color: brown;
    }
 
    40%{
        width: 500px;
        height: 500px;
        background-color: seagreen;
    }
 
    60%{
        width: 400px;
        height: 400px;
        background-color: coral;
    }
 
    100%{
    }
}