Which property controls the width of an element’s border?
a) border-size
b) border-width ✅
c) border-style
d) border-spacing

Which of the following is NOT a valid CSS unit?
a) px
b) em
c) pt
d) gm ✅

How do you make text italic in CSS?
a) font-variant: italic;
b) font-style: italic; ✅
c) text-style: italic;
d) text-decoration: italic;

The :hover pseudo-class is used for:
a) Clicking an element
b) Focusing on an element
c) When the mouse is over an element ✅
d) Selecting an element

What is the default display property for <span>?
a) inline ✅
b) block
c) flex
d) none

Which property changes the background image of an element?
a) background-img
b) background-image ✅
c) bg-image
d) image

The @font-face rule is used to:
a) Include custom fonts ✅
b) Add icons
c) Create transitions
d) Define gradients

Which property defines space between words?
a) word-spacing ✅
b) letter-spacing
c) line-spacing
d) text-indent

Which property defines how the background image is positioned?
a) background-position ✅
b) image-position
c) position
d) bg-align

What value of overflow will add scrollbars?
a) auto ✅
b) hidden
c) visible
d) none

Which property can be used to create rounded button corners?
a) border-radius ✅
b) border-curve
c) radius
d) round

How can you make a font uppercase?
a) font-transform: uppercase;
b) text-transform: uppercase; ✅
c) letter-transform: uppercase;
d) capitalize

Which of the following defines a grid layout?
a) display: flex;
b) display: grid; ✅
c) display: block;
d) display: table;

Which property defines gaps between grid columns?
a) grid-gap ✅
b) column-gap
c) grid-space
d) grid-column-space

The clip-path property is used for:
a) Clipping an element shape ✅
b) Setting background pattern
c) Adding mask
d) Cropping image

Which property specifies shadow blur radius?
a) shadow-blur
b) box-shadow ✅
c) shadow-radius
d) blur

What does position: relative; do?
a) Positions element absolutely
b) Positions relative to parent
c) Positions relative to its normal location ✅
d) Fixes to viewport

Which pseudo-class targets every even row?
a) :nth-child(odd)
b) :nth-child(even) ✅
c) :even
d) :row(2n)

Which property defines the space between borders and content?
a) margin
b) padding ✅
c) border-spacing
d) content-gap

What does max-width control?
a) Minimum width
b) Maximum width ✅
c) Height
d) Border width

Which CSS property defines the style of a border?
a) border-style ✅
b) border-width
c) border-type
d) border

The cursor: pointer; property changes the cursor to:
a) Hand icon ✅
b) Arrow
c) Text cursor
d) None

Which property changes element stacking order?
a) order
b) z-index ✅
c) stack
d) layer

Which property changes text alignment vertically in a line box?
a) vertical-align ✅
b) line-align
c) align-vertical
d) text-vertical

Which property can make an element transparent?
a) transparency
b) opacity ✅
c) visibility
d) clear

Which CSS property defines an element’s outline?
a) border
b) outline ✅
c) stroke
d) edge

Which value of position removes an element from the document flow?
a) relative
b) absolute ✅
c) static
d) fixed

Which property changes the color of an underline?
a) text-decoration-color ✅
b) underline-color
c) border-color
d) font-color

Which of these is NOT a display property value?
a) inline-block
b) grid
c) float ✅
d) inline

Which CSS property defines the minimum height of an element?
a) min-height ✅
b) height-min
c) min-size
d) size

Which CSS rule imports another stylesheet?
a) @style
b) @import ✅
c) @load
d) @use

Which property adds space between table cells?
a) cell-spacing
b) border-spacing ✅
c) table-gap
d) grid-gap

Which property sets how list items are marked?
a) list-style ✅
b) list-type
c) bullet-type
d) marker

The default value of overflow is:
a) hidden
b) visible ✅
c) auto
d) scroll

Which pseudo-class targets an element when clicked?
a) :hover
b) :focus
c) :active ✅
d) :visited

Which property specifies how to align items vertically in flexbox?
a) align-items ✅
b) justify-content
c) flex-align
d) align-content

What is the correct syntax for a linear gradient?
a) background: gradient(linear, red, blue);
b) background: linear-gradient(red, blue); ✅
c) background: gradient(red, blue);
d) background: color-gradient(red, blue);

Which CSS property sets the space between grid rows?
a) row-gap ✅
b) grid-row
c) grid-gap
d) row-space

Which property hides an element completely (no space)?
a) visibility: hidden;
b) display: none; ✅
c) opacity: 0;
d) none;

Which CSS unit is relative to the parent’s font size?
a) rem
b) em ✅
c) %
d) vh

What property defines the direction of flex items?
a) flex-direction ✅
b) justify-content
c) flex-align
d) flex-flow

Which property creates transition effects?
a) transition ✅
b) transform
c) animate
d) delay

The outline-offset property:
a) Moves the outline away from the edge ✅
b) Changes border spacing
c) Adds padding
d) Creates shadow

Which property sets an image to cover the entire background area?
a) background-fit: cover;
b) background-size: cover; ✅
c) background-scale: 100%;
d) image-fit: cover;

The object-fit property is used with:
a) Images ✅
b) Text
c) Backgrounds
d) Borders

Which CSS feature makes websites responsive?
a) Media Queries ✅
b) Pseudo-classes
c) Transitions
d) Flexbox

The transform property can:
a) Rotate or scale elements ✅
b) Animate colors
c) Add shadows
d) Create gradients

Which value of justify-content centers flex items horizontally?
a) center ✅
b) middle
c) justify
d) flex-center

Which value of align-items centers items vertically in flexbox?
a) center ✅
b) middle
c) stretch
d) baseline

The transition-delay property specifies:
a) How long the animation lasts
b) When the transition starts ✅
c) The type of transition
d) The end state of animation

101. Which property sets the spacing between table borders and content?
     a) border-spacing ✅
     b) cell-padding
     c) border-width
     d) padding

102. What is the default value of flex-direction?
     a) column
     b) row ✅
     c) row-reverse
     d) column-reverse

103. Which property defines how an element should float?
     a) align
     b) float ✅
     c) position
     d) display

104. The clear property is used to:
     a) Remove background
     b) Control floating elements ✅
     c) Clear borders
     d) Remove padding

105. The font-variant property is used to:
     a) Set bold
     b) Set small-caps ✅
     c) Set font color
     d) Set text-shadow

106. Which property defines the space between columns in multi-column layout?
     a) column-gap ✅
     b) column-space
     c) grid-gap
     d) space-between

107. What does the cursor: not-allowed; property do?
     a) Shows a red X
     b) Shows a “no” symbol ✅
     c) Hides the cursor
     d) Freezes cursor movement

108. The list-style-type property is used to:
     a) Set bullet style ✅
     b) Set font size
     c) Set padding
     d) Set list direction

109. The display: inline-block; property does what?
     a) Creates a block element
     b) Allows inline elements to have block properties ✅
     c) Hides elements
     d) Adds flex behavior

110. Which CSS property can control how overflowing text is shown?
     a) text-overflow ✅
     b) overflow-text
     c) text-display
     d) clip-text

111. What value of position keeps the element fixed within its container while scrolling?
     a) absolute
     b) sticky ✅
     c) relative
     d) fixed

112. Which property specifies how white space is handled?
     a) space-mode
     b) white-space ✅
     c) spacing
     d) text-space

113. Which property changes the capitalization of text?
     a) text-transform ✅
     b) font-transform
     c) case
     d) capitalize

114. What is the correct syntax for adding a background gradient?
     a) background: gradient(linear, red, yellow);
     b) background: linear-gradient(red, yellow); ✅
     c) background-color: gradient(red, yellow);
     d) background-gradient: red, yellow;

115. Which property defines how far the background image is from the left edge?
     a) background-position-x ✅
     b) background-x
     c) background-align
     d) bg-left

116. Which property controls the order of items in grid layout?
     a) grid-order
     b) order ✅
     c) z-index
     d) arrange

117. Which CSS function is used to rotate an element?
     a) rotate() ✅
     b) turn()
     c) spin()
     d) revolve()

118. Which property adds rounded corners to a table?
     a) border-radius ✅
     b) table-radius
     c) round-table
     d) curve

119. Which property is used to change the space between lines of text?
     a) line-spacing
     b) line-height ✅
     c) text-gap
     d) height

120. Which shorthand property sets all margin values?
     a) margin ✅
     b) margin-all
     c) spacing
     d) padding

121. Which CSS property controls the display order in stacking context?
     a) z-index ✅
     b) layer
     c) stack-order
     d) order

122. Which function in CSS is used for color transparency?
     a) rgba() ✅
     b) rgb()
     c) alpha()
     d) color()

123. Which property sets spacing between letters?
     a) letter-spacing ✅
     b) word-spacing
     c) font-spacing
     d) char-spacing

124. Which property defines how elements are aligned in the last line of text?
     a) text-align-last ✅
     b) align-last
     c) text-justify
     d) justify-end

125. What is the initial value of the z-index property?
     a) 1
     b) 0 ✅
     c) auto
     d) -1

126. What does the :focus pseudo-class target?
     a) The element being hovered
     b) The element currently clicked
     c) The element that has input focus ✅
     d) The parent element

127. Which CSS property defines how an element fits within its parent box?
     a) object-fit ✅
     b) background-fit
     c) image-fit
     d) box-fit

128. Which property can change the indentation of a paragraph?
     a) text-indent ✅
     b) margin-left
     c) padding-left
     d) text-margin

129. The resize property allows users to:
     a) Change font size
     b) Manually resize an element ✅
     c) Move elements
     d) Rotate elements

130. Which property specifies how text is aligned in multi-column layout?
     a) column-align
     b) text-align ✅
     c) column-justify
     d) justify

131. Which CSS property sets transparency of a background image?
     a) background-opacity
     b) opacity ✅
     c) image-alpha
     d) transparency

132. The display: none; hides element and…
     a) Keeps its layout space
     b) Removes it from layout ✅
     c) Changes its z-index
     d) Hides only content

133. Which property determines the visibility of table borders?
     a) border-collapse ✅
     b) table-border
     c) border-merge
     d) border-spacing

134. Which CSS property defines how content fits into a container?
     a) object-fit ✅
     b) fit-content
     c) content-fit
     d) fit-object

135. The outline property is similar to border, except:
     a) It does not take space ✅
     b) It adds padding
     c) It requires border-radius
     d) It changes shape

136. Which property makes an element move horizontally or vertically?
     a) transform: translate(); ✅
     b) transform: move();
     c) position: slide();
     d) motion();

137. Which function defines 3D rotation in CSS?
     a) rotate3d() ✅
     b) rotateZ()
     c) spin3d()
     d) revolve3d()

138. The box-sizing property controls:
     a) How total size is calculated ✅
     b) The box border color
     c) The shape of box corners
     d) The box order

139. Which property creates spacing between columns in text layout?
     a) column-gap ✅
     b) grid-gap
     c) column-space
     d) text-gap

140. Which property defines how text overflows its container?
     a) text-overflow ✅
     b) overflow-text
     c) text-wrap
     d) overflow

141. What does cursor: crosshair; show?
     a) Arrow
     b) Cross-shaped pointer ✅
     c) Hand
     d) Text cursor

142. Which CSS property defines how an element transitions between states?
     a) transition ✅
     b) transform
     c) animation
     d) motion

143. The word-break property:
     a) Wraps long words ✅
     b) Adds spaces
     c) Changes font spacing
     d) Sets letter case

144. The text-align property aligns:
     a) Inline content ✅
     b) Block content
     c) Entire page
     d) Margins

145. Which CSS property defines spacing around inline elements?
     a) margin ✅
     b) padding
     c) text-spacing
     d) spacing

146. The overflow-y property controls:
     a) Horizontal overflow
     b) Vertical overflow ✅
     c) Both x and y
     d) Hidden overflow

147. Which value of display makes elements behave as table rows?
     a) table-row ✅
     b) row
     c) table
     d) inline-table

148. The min-width property sets:
     a) The smallest possible element width ✅
     b) The default width
     c) The largest width
     d) The minimum border

149. The background-clip property controls:
     a) Background painting area ✅
     b) Image size
     c) Background color
     d) Border size

150. Which property changes how a flex item grows relative to others?
     a) flex-grow ✅
     b) flex-shrink
     c) order
     d) align-items

     151. The max-height property sets:
          a) The largest allowed height ✅
          b) The smallest height
          c) The default height
          d) The initial height

     152. The float property can take which values?
          a) left, right, none ✅
          b) top, bottom, center
          c) inline, block
          d) up, down

     153. What does the clip-path property do?
          a) Clips an element to a shape ✅
          b) Cuts an image in half
          c) Creates borders
          d) Adds background gradients

     154. Which property is used to control the space between words?
          a) word-spacing ✅
          b) letter-spacing
          c) text-gap
          d) line-height

     155. Which property defines the shadow of an element’s box?
          a) box-shadow ✅
          b) text-shadow
          c) filter
          d) background-shadow

     156. Which pseudo-class targets links that have not been visited?
          a) :visited
          b) :link ✅
          c) :active
          d) :hover

     157. Which value of position removes the element from the document flow?
          a) absolute ✅
          b) relative
          c) static
          d) sticky

     158. Which property controls how images are resized to fit a container?
          a) object-fit ✅
          b) image-scale
          c) background-size
          d) fit-image

     159. The CSS property visibility: hidden; does what?
          a) Hides the element but keeps its space ✅
          b) Removes element completely
          c) Changes opacity to 0
          d) Makes text transparent

     160. The border-style property can have which value?
          a) dotted ✅
          b) thick
          c) 10px
          d) bright

     161. The @media rule is used for:
          a) Media queries ✅
          b) Importing fonts
          c) Adding audio
          d) Image filters

     162. The content property is used with:
          a) Pseudo-elements ✅
          b) Flexbox
          c) Tables
          d) Images

     163. The counter-increment property is related to:
          a) CSS counters ✅
          b) CSS animations
          c) CSS grids
          d) CSS columns

     164. Which property defines spacing between grid rows?
          a) row-gap ✅
          b) grid-spacing
          c) grid-gap
          d) row-space

     165. The transform-origin property defines:
          a) The point from which a transform is applied ✅
          b) The direction of gradient
          c) The rotation axis
          d) The animation start

     166. The CSS property overflow-x controls:
          a) Horizontal overflow ✅
          b) Vertical overflow
          c) Both axes
          d) Hidden overflow

     167. The CSS property cursor: pointer; changes the cursor to:
          a) Hand symbol ✅
          b) Arrow
          c) Crosshair
          d) Text

     168. The justify-content property aligns items:
          a) Horizontally in flexbox ✅
          b) Vertically
          c) Inside grid cells
          d) On the main axis only

     169. The align-items property controls alignment:
          a) On the cross axis ✅
          b) On the main axis
          c) Both axes
          d) Outside the container

     170. Which property changes the direction of flex items?
          a) flex-direction ✅
          b) flex-flow
          c) align-content
          d) justify-items

     171. The flex-wrap property allows:
          a) Items to wrap into multiple lines ✅
          b) Text to wrap around images
          c) Content to scroll
          d) Columns to stack

     172. Which shorthand property combines flex-direction and flex-wrap?
          a) flex-flow ✅
          b) flex-group
          c) flex-order
          d) flex-align

     173. Which property defines animation speed curve?
          a) animation-timing-function ✅
          b) animation-delay
          c) animation-duration
          d) animation-iteration-count

     174. The CSS property filter: blur(5px); applies:
          a) Blur effect ✅
          b) Grayscale effect
          c) Transparency
          d) Brightness

     175. The filter property can be used to apply:
          a) Visual effects like blur and brightness ✅
          b) Text spacing
          c) Layout alignment
          d) Borders

     176. The perspective property is used with:
          a) 3D transformations ✅
          b) Flexbox
          c) Transitions
          d) Grid

     177. The @keyframes rule is used for:
          a) Animations ✅
          b) Media queries
          c) Importing fonts
          d) Gradients

     178. Which CSS property defines the delay before an animation starts?
          a) animation-delay ✅
          b) animation-duration
          c) animation-iteration-count
          d) animation-fill-mode

     179. The transition-delay property defines:
          a) Wait time before transition starts ✅
          b) Transition duration
          c) Transition direction
          d) Transition speed

     180. The transition-property specifies:
          a) Which CSS property is affected ✅
          b) Transition color
          c) The total time
          d) The easing

     181. The transform: scale(2); doubles:
          a) The size ✅
          b) The position
          c) The border
          d) The opacity

     182. The CSS function translateY(50px) moves the element:
          a) 50px down ✅
          b) 50px right
          c) 50px left
          d) 50px up

     183. Which property makes elements appear above others visually?
          a) z-index ✅
          b) display
          c) position
          d) order

     184. Which value of position fixes an element relative to the viewport?
          a) fixed ✅
          b) sticky
          c) absolute
          d) relative

     185. Which property controls how child elements are spaced in a flex container?
          a) justify-content ✅
          b) flex-grow
          c) align-items
          d) display

     186. What does flex-basis define?
          a) Default size of flex item ✅
          b) Space between items
          c) Alignment direction
          d) Grow factor

     187. The grid-template-columns property defines:
          a) Number and size of columns ✅
          b) Row order
          c) Column spacing
          d) Grid gaps

     188. The grid-area property is used to:
          a) Assign an item to a named grid area ✅
          b) Define column size
          c) Add margin
          d) Add spacing

     189. The CSS function minmax(100px, 1fr) is used in:
          a) Grid layout ✅
          b) Flexbox
          c) Float layout
          d) Animation

     190. Which property sets how many columns a grid item spans?
          a) grid-column ✅
          b) grid-span
          c) column-span
          d) grid-width

     191. The grid-gap property is shorthand for:
          a) row-gap and column-gap ✅
          b) grid-spacing
          c) grid-align
          d) cell-padding

     192. Which property defines the alignment of grid content inside the container?
          a) justify-content ✅
          b) align-self
          c) grid-template
          d) place-items

     193. The place-items property combines:
          a) align-items and justify-items ✅
          b) order and direction
          c) grow and shrink
          d) gap and grid

     194. Which CSS property can change text color on hover?
          a) color ✅
          b) text-color
          c) background
          d) font-style

     195. The cursor: help; shows:
          a) A question mark ✅
          b) A hand symbol
          c) A cross
          d) A circle

     196. The scroll-behavior: smooth; property:
          a) Enables smooth scrolling ✅
          b) Stops scroll
          c) Adds parallax
          d) Inverts scroll

     197. The writing-mode property defines:
          a) Text direction ✅
          b) Font family
          c) Language
          d) Word spacing

     198. The column-count property specifies:
          a) Number of columns ✅
          b) Column spacing
          c) Column color
          d) Column width

     199. The counter-reset property:
          a) Initializes a CSS counter ✅
          b) Clears animations
          c) Resets layout
          d) Resets text

     200. The mix-blend-mode property controls:
          a) How colors blend with background ✅
          b) Font mixing
          c) Box blending
          d) Animation order

     201. 201. Which property is used to make a flex item shrink when needed?
          a) flex-shrink ✅
          b) flex-grow
          c) flex-basis
          d) justify-content

     202. 201. The flex shorthand property combines:
               a) flex-grow, flex-shrink, flex-basis ✅
               b) flex-direction, flex-wrap
               c) align-items, justify-content
               d) order, gap

          202. What is the default value of flex-wrap?
               a) nowrap ✅
               b) wrap
               c) wrap-reverse
               d) initial

          203. The order property in flexbox controls:
               a) Display sequence of items ✅
               b) Alignment
               c) Item size
               d) Justification

          204. The align-self property:
               a) Overrides align-items for a single item ✅
               b) Sets global alignment
               c) Changes container direction
               d) Defines grow factor

          205. Which property is used to control spacing between grid items?
               a) gap ✅
               b) spacing
               c) margin
               d) padding

          206. The justify-items property in grid layout aligns items:
               a) Horizontally ✅
               b) Vertically
               c) Both
               d) Diagonally

          207. What does the auto-fit keyword do in grid templates?
               a) Adjusts columns to fit container width ✅
               b) Adds fixed columns
               c) Locks grid size
               d) Ignores item width

          208. The grid-template-rows property defines:
               a) Row size and count ✅
               b) Column width
               c) Grid area
               d) Item order

          209. Which CSS property defines how extra space is distributed in grid tracks?
               a) fr unit ✅
               b) px unit
               c) auto-fit
               d) percentage

          210. The grid-auto-flow property determines:
               a) How auto-placed items are inserted ✅
               b) The grid size
               c) The number of columns
               d) Alignment mode

          211. The place-content shorthand combines:
               a) align-content and justify-content ✅
               b) align-items and justify-items
               c) row-gap and column-gap
               d) grow and shrink

          212. Which property controls the transparency level?
               a) opacity ✅
               b) visibility
               c) transparency
               d) background-opacity

          213. What is the value of full opacity?
               a) 1 ✅
               b) 0
               c) 100%
               d) 10

          214. The text-shadow property requires at least how many values?
               a) 2 ✅ (horizontal and vertical offset)
               b) 1
               c) 3
               d) 4

          215. The background-attachment: fixed; property:
               a) Fixes background image in place ✅
               b) Scrolls with content
               c) Hides image
               d) Makes image repeat

          216. The CSS property background-size: cover; means:
               a) Image covers the element ✅
               b) Image repeats
               c) Image fits width only
               d) Image tiles

          217. Which value of background-repeat repeats image horizontally only?
               a) repeat-x ✅
               b) repeat-y
               c) repeat
               d) no-repeat

          218. The background-origin property defines:
               a) The positioning area for background image ✅
               b) The background color
               c) The clipping boundary
               d) The image size

          219. The clip property is used with:
               a) Absolutely positioned elements ✅
               b) Flex items
               c) Table cells
               d) Paragraphs

          220. The animation-fill-mode: forwards; means:
               a) The element stays in the final state ✅
               b) Animation repeats
               c) Animation reverses
               d) Animation restarts

          221. The animation-direction: alternate; means:
               a) Animation plays forward then backward ✅
               b) Animation loops
               c) Animation repeats
               d) Animation stops halfway

          222. The animation-iteration-count: infinite; means:
               a) Animation loops forever ✅
               b) Animation plays twice
               c) Animation stops after one cycle
               d) Animation reverses

          223. The :hover pseudo-class applies when:
               a) The mouse pointer is over an element ✅
               b) The element is clicked
               c) The element loads
               d) The element is focused

          224. The :nth-child(odd) selector targets:
               a) Odd-numbered elements ✅
               b) Even-numbered elements
               c) First child only
               d) Last child

          225. Which pseudo-class selects the first matching element?
               a) :first-of-type ✅
               b) :first-child
               c) :nth-of-type(1)
               d) :root

          226. The :not() pseudo-class is used for:
               a) Excluding specific elements ✅
               b) Including child elements
               c) Selecting all elements
               d) Resetting styles

          227. Which pseudo-element inserts content before an element?
               a) ::before ✅
               b) :before
               c) ::after
               d) :first

          228. The ::selection pseudo-element styles:
               a) Highlighted text ✅
               b) Links
               c) Inputs
               d) Borders

          229. The :root pseudo-class refers to:
               a) The <html> element ✅
               b) The <body> element
               c) The first child
               d) The parent element

          230. CSS variables are declared using:
               a) --variable-name ✅
               b) $variable
               c) @variable
               d) var()

          231. To use a CSS variable, the syntax is:
               a) var(–variable-name) ✅
               b) $(variable-name)
               c) use(–variable-name)
               d) variable(–name)

          232. The calc() function allows:
               a) Arithmetic operations in CSS ✅
               b) Counting elements
               c) Measuring width
               d) Animation timing

          233. The @supports rule is used for:
               a) Checking browser support for properties ✅
               b) Importing fonts
               c) Adding media
               d) Linking stylesheets

          234. The @import rule is used to:
               a) Include other CSS files ✅
               b) Add JavaScript
               c) Load HTML templates
               d) Import media

          235. The @font-face rule allows:
               a) Custom fonts in CSS ✅
               b) Font embedding in HTML
               c) Linking JS fonts
               d) Web-safe fonts only

          236. The unicode-bidi property controls:
               a) Text direction in bidirectional text ✅
               b) Font size
               c) Background
               d) Alignment

          237. The direction: rtl; property makes text flow:
               a) Right to left ✅
               b) Left to right
               c) Top to bottom
               d) Bottom to top

          238. The resize: vertical; property allows resizing:
               a) Only vertically ✅
               b) Only horizontally
               c) Both directions
               d) No resizing

          239. The overflow: hidden; property:
               a) Hides content that exceeds the container ✅
               b) Shows scrollbars
               c) Expands the box
               d) Clips text

          240. The outline-offset property:
               a) Adds space between outline and element ✅
               b) Moves the border
               c) Changes margin
               d) Adjusts shadow

          241. The quotes property is used with:
               a) The <q> element ✅
               b) The <blockquote> tag
               c) The <span> tag
               d) The <cite> tag

          242. The tab-size property controls:
               a) Width of tab characters ✅
               b) Line spacing
               c) Paragraph indentation
               d) Margin size

          243. The scroll-margin property is used for:
               a) Scroll snapping ✅
               b) Margin between pages
               c) Scroll alignment
               d) Scroll visibility

          244. The scroll-snap-type property defines:
               a) How scrolling snaps to elements ✅
               b) Scroll speed
               c) Scroll behavior
               d) Scroll visibility

          245. The cursor: progress; indicates:
               a) Operation in progress ✅
               b) No permission
               c) Wait for input
               d) Text editable

          246. The pointer-events: none; property:
               a) Disables mouse interactions ✅
               b) Hides pointer
               c) Enables clicks
               d) Adds animations

          247. The user-select: none; property:
               a) Prevents text selection ✅
               b) Enables copy
               c) Changes cursor
               d) Locks input

          248. The isolation property creates:
               a) A new stacking context ✅
               b) Border isolation
               c) Visual filter
               d) Float area

          249. The all shorthand property resets:
               a) All CSS properties to initial or inherit ✅
               b) Only typography
               c) Only layout
               d) Only background

          251. The @media rule is used to:
               a) Apply styles for specific devices ✅
               b) Import other stylesheets
               c) Animate media elements
               d) Embed JavaScript

          252. Which syntax defines a media query for screen width below 768px?
               a) @media (max-width: 768px) ✅
               b) @media screen < 768px
               c) @query width(768)
               d) @media-width(768px)

          253. The min-width condition in media queries means:
               a) Styles apply when viewport is at least that width ✅
               b) Styles apply when below that width
               c) Minimum height
               d) Always applies

          254. Which media type is used for printed documents?
               a) print ✅
               b) screen
               c) projection
               d) paper

          255. The orientation media feature detects:
               a) Screen orientation ✅
               b) Device type
               c) Font size
               d) Resolution

          256. The aspect-ratio media feature targets:
               a) Width-to-height ratio ✅
               b) Color depth
               c) Scroll direction
               d) Frame rate

          257. Which CSS property defines how elements respond to container size instead of viewport?
               a) container-type ✅
               b) media-type
               c) flex-wrap
               d) grid-auto-flow

          258. Which unit is relative to viewport width?
               a) vw ✅
               b) vh
               c) em
               d) rem

          259. Which unit is relative to the font size of the root element?
               a) rem ✅
               b) em
               c) vh
               d) vw

          260. The clamp() function sets:
               a) Min, preferred, and max values ✅
               b) Fixed values only
               c) Responsive scaling
               d) Font scaling only

          261. The @container rule is used for:
               a) Container queries ✅
               b) Flex layout
               c) Font importing
               d) Animation

          262. The font-display property controls:
               a) Font rendering behavior ✅
               b) Font size
               c) Font color
               d) Font family

          263. The font-smooth property is used to:
               a) Improve text rendering ✅
               b) Add shadows
               c) Set font size
               d) Stretch fonts

          264. The overflow-wrap property controls:
               a) Word breaking at the end of lines ✅
               b) Line spacing
               c) Margin collapse
               d) Flex wrapping

          265. The hyphens: auto; property enables:
               a) Automatic word hyphenation ✅
               b) Line spacing
               c) Paragraph indent
               d) Text transformation

          266. The backface-visibility property controls:
               a) Visibility of element’s back during 3D rotation ✅
               b) Opacity
               c) Shadow
               d) Border thickness

          267. The perspective-origin property defines:
               a) The vanishing point of 3D elements ✅
               b) The animation origin
               c) The transform base
               d) The flex direction

          268. The will-change property is used to:
               a) Optimize for expected property changes ✅
               b) Delay animations
               c) Add transitions
               d) Reset all properties

          269. The scrollbar-width property controls:
               a) The thickness of scrollbars ✅
               b) Scroll direction
               c) Scroll behavior
               d) Scroll color

          270. The accent-color property customizes:
               a) Checkboxes, radio buttons, etc. ✅
               b) Links
               c) Headings
               d) Images

          271. The caret-color property changes:
               a) The text cursor color ✅
               b) Font color
               c) Border
               d) Placeholder

          272. The ::placeholder pseudo-element styles:
               a) Placeholder text in inputs ✅
               b) Labels
               c) Default text
               d) Watermark

          273. The :checked pseudo-class targets:
               a) Selected checkboxes and radio buttons ✅
               b) Hovered links
               c) Disabled inputs
               d) Focused elements

          274. The :disabled pseudo-class applies to:
               a) Disabled form controls ✅
               b) Active buttons
               c) Hidden text
               d) Placeholder text

          275. The :empty pseudo-class selects elements that:
               a) Have no child nodes ✅
               b) Have empty attributes
               c) Are hidden
               d) Have display:none

          276. The :target pseudo-class styles:
               a) Elements matched by a fragment identifier ✅
               b) Inputs
               c) Hidden divs
               d) Focused text

          277. The :in-range pseudo-class applies to:
               a) Inputs whose value is within a specified range ✅
               b) Text fields
               c) Focused elements
               d) Hidden inputs

          278. The :out-of-range pseudo-class applies to:
               a) Inputs outside valid range ✅
               b) Inputs with default values
               c) Links
               d) Hovered buttons

          279. The :focus-visible pseudo-class:
               a) Applies focus styles when user interacts via keyboard ✅
               b) Applies focus to all inputs
               c) Hides outlines
               d) Disables tab focus

          280. The :has() pseudo-class allows:
               a) Selecting elements containing a specific descendant ✅
               b) Selecting siblings
               c) Selecting ancestors
               d) Selecting parents only

          281. The :where() pseudo-class provides:
               a) Low-specificity grouping of selectors ✅
               b) ID targeting
               c) Color filtering
               d) Value mapping

          282. The :is() pseudo-class allows:
               a) Matching multiple selectors ✅
               b) Inverting selections
               c) Filtering attributes
               d) Styling pseudo-elements

          283. The @layer rule is used for:
               a) Layered style organization ✅
               b) CSS filters
               c) Font imports
               d) Animations

          284. The ::backdrop pseudo-element styles:
               a) Background behind modals or dialogs ✅
               b) Background images
               c) Popovers
               d) Scroll areas

          285. The display: contents; property:
               a) Removes box but keeps children visible ✅
               b) Hides element
               c) Displays as flex
               d) Wraps content

          286. The object-position property controls:
               a) Image alignment inside container ✅
               b) Object size
               c) Border alignment
               d) Background fit

          287. The clip-path: circle(); property creates:
               a) Circular shape clipping ✅
               b) Border radius
               c) Box shadow
               d) Mask

          288. The mask-image property:
               a) Defines an image used as a mask ✅
               b) Adds shadow
               c) Adds gradient
               d) Applies border

          289. The filter: grayscale(100%); property makes:
               a) Image black and white ✅
               b) Transparent
               c) Blurred
               d) Colored

          290. The filter: brightness(150%); property:
               a) Increases image brightness ✅
               b) Darkens image
               c) Adds contrast
               d) Desaturates

          291. The backdrop-filter property applies effects:
               a) Behind an element ✅
               b) To text
               c) To borders
               d) To child elements

          292. The mix-blend-mode: multiply; creates:
               a) Color blending like Photoshop multiply ✅
               b) Overlay color
               c) Normal blend
               d) Screen blend

          293. The scroll-snap-align property controls:
               a) Snap position of elements ✅
               b) Scroll direction
               c) Scroll overflow
               d) Scroll padding

          294. The writing-mode: vertical-rl; property makes text flow:
               a) Vertically from right to left ✅
               b) Vertically from left to right
               c) Horizontally
               d) Upside-down

          295. The text-orientation: upright; property is used in:
               a) Vertical writing modes ✅
               b) Flex containers
               c) Grid layouts
               d) Responsive design

          296. The line-clamp property:
               a) Limits number of visible text lines ✅
               b) Adds ellipsis
               c) Controls paragraph width
               d) Justifies text

          297. The :first-letter pseudo-element styles:
               a) The first letter of a text block ✅
               b) The first word
               c) The first sentence
               d) The title

          298. The :first-line pseudo-element affects:
               a) The first line of text ✅
               b) The heading
               c) The footer
               d) The body

          299. The ::marker pseudo-element styles:
               a) List item markers ✅
               b) Paragraphs
               c) Input icons
               d) Links

          300. The @keyframes bounce defines:
               a) A named animation sequence ✅
               b) A gradient pattern
               c) A flex property
               d) A grid template