1) To style all paragraphs with a red color, use the following code: p { color: ______; } a) red; b) #FF0000; c) font-color: red; d) pink; 2) The CSS property to change the background color of an element is: background-_______: #FFFFFF; a) image; b) color; c) light; d) text; 3) To center-align text within a div container, use the following CSS property: ________-align: center; a) align; b) content; c) text; d) font; 4) To create a fixed position navigation bar at the top of the page, use the following CSS property: position: ____________; a) fixed; b) top; c) center; d) sticky; 5) To specify a specific font family for an element, use the following CSS property: font-______: "Arial", sans-serif; a) type; b) family; c) face; d) text; 6) The CSS property to rotate an element by 45 degrees is: transform:_________(45deg); a) skew; b) scale; c) rotate; d) angle; 7) To hide an element from the page layout, use the following CSS property: ______-display: none; a) hidden; b) hide; c) invisible; d) display; 8) The CSS property to add a gradient background to an element is background-_______: linear-gradient(#000000, #FFFFFF); a) image; b) color; c) gradient; d) text; 9) The CSS property to add a drop shadow effect to an element is: ________-shadow: 2px 2px 4px #000000; a) box-shadow; b) shadow; c) effect; d) align; 10) The CSS property to add a transition effect to the color of an element on hover is: ________-transition: color 0.3 ease; a) color; b) hover; c) transition; d) sticky; 11) The CSS property to control the transparency of an element is: _______-opacity: 0.5; a) transparency; b) alpha; c) bravo; d) opacity; 12) To create a horizontal navigation menu, use the following CSS property: display: ______; a) menu; b) inline; c) flex; d) horizontal; 13) To create a responsive two-column layout, use the following CSS property: _______-temple-columns: 1fr 1fr; a) flex; b) column; c) skew; d) grid; 14) To create a circular shape for an element, use the following CSS property: border-_______:50%; a) shape; b) curve; c) radius; d) skew; 15) The CSS property to apply a blur effect to an element is: filter: ________(5px); a) blur; b) opacity; c) shadow; d) contrast;

CSS Quiz

印刷
埋め込み

リーダーボード

表示スタイル

オプション

テンプレートを切り替える

自動保存: を復元しますか?