CSS3考試題:
1. 請列舉出你所了解的至少三個CSS3的新特性。 答案示例:border-radius用于為元素設置圓角,box-shadow用于添加元素的陰影,text-shadow用于添加文本的陰影。 2. 在CSS3中, transform屬性有哪些常見的屬性值,分別表示什么意思? 答案示例:常見的transform屬性值有scale、rotate、translate、skew,分別表示縮放、旋轉、平移和傾斜。 3. 如何使用CSS3中的flexbox布局? 答案示例:通過設置display:flex或display:inline-flex來將一個容器變為一個flex容器,然后使用flex-direction、justify-content、align-items等屬性來設置該容器中的子元素的排列方式和對齊方式。 4. 如何使用CSS3中的animation屬性來創建動畫? 答案示例:通過設置animation-name、animation-duration、animation-timing-function、animation-delay、animation-iteration-count等屬性,來定義動畫的名稱、持續時間、緩動函數、延遲時間和執行次數等。 5. CSS3中的media query是什么,如何使用? 答案示例:media query用于根據不同的設備或瀏覽器窗口大小,為網頁設置不同的樣式。通過在樣式表中添加@media規則,然后在其中設置不同的條件和樣式,就可以實現根據不同的設備和窗口尺寸來顯示不同的樣式。例如,可以在@media (max-width: 768px) {}中設置在窗口寬度小于768像素時的樣式。