[Trắc Nghiệm] Luyện tập Layout & CCS khoá học HTML/CSS

HTML5 - CSS3 Tutorial

[Trắc Nghiệm] Luyện tập Layout & CCS khoá học HTML/CSS

Câu hỏi 1: Which layout module is described as a one-dimensional layout?

A: CSS Grid
B: Flexbox
C: Table Layout
D: Float

Đáp án: B

Câu hỏi 2: In a Flexbox container, what is the axis that runs in the direction flex items are laid out?

A: Cross Axis
B: Vertical Axis
C: Main Axis
D: Block Axis

Đáp án: C

Câu hỏi 3: Which property is used to define an element as a flex container?

A: display: block
B: display: grid
C: display: flex
D: float: left

Đáp án: C

Câu hỏi 4: Which property defines the direction of the main axis in a flex container?

A: flex-wrap
B: flex-direction
C: justify-content
D: align-items

Đáp án: B

Câu hỏi 5: Which 'flex-direction' value stacks flex items vertically from top to bottom?

A: row
B: row-reverse
C: column
D: column-reverse

Đáp án: C

Câu hỏi 6: The 'flex-flow' property is a shorthand for which two properties?

A: flex-direction and justify-content
B: flex-direction and flex-wrap
C: flex-wrap and align-items
D: flex-grow and flex-shrink

Đáp án: B

Câu hỏi 7: Which property aligns flex items along the main axis?

A: align-items
B: align-content
C: justify-content
D: flex-basis

Đáp án: C

Câu hỏi 8: Which 'justify-content' attribute distributes items with equal space around them?

A: flex-start
B: center
C: space-between
D: space-around

Đáp án: D

Câu hỏi 9: Which property aligns flex items along the cross axis inside a single line?

A: justify-content
B: align-items
C: flex-grow
D: order

Đáp án: B

Câu hỏi 10: What does the 'baseline' attribute of the 'align-items' property do?

A: Aligns items to the top of the container
B: Aligns items to the bottom of the container
C: Aligns items according to their text baselines
D: Stretches items to fill the container

Đáp án: C

Câu hỏi 11: Which property aligns a flex container's lines within it when there is extra space in the cross-axis?

A: align-content
B: justify-content
C: align-self
D: flex-wrap

Đáp án: A

Câu hỏi 12: Which property specifies the order of a flex item relative to the rest of the flex items?

A: flex-grow
B: order
C: z-index
D: flex-index

Đáp án: B

Câu hỏi 13: What is the purpose of the 'flex-grow' property?

A: It specifies how much a flex item will shrink
B: It specifies the initial length of a flex item
C: It specifies how much a flex item will grow relative to the rest
D: It sets the alignment of an individual item

Đáp án: C

Câu hỏi 14: If three items have 'flex-grow' values of 1, 6, and 2 respectively, which item will take up the most space?

A: The first item (1)
B: The second item (6)
C: The third item (2)
D: They will all be equal

Đáp án: B

Câu hỏi 15: Which property is used for two-dimensional layouts (rows and columns)?

A: Flexbox
B: Floats
C: CSS Grid
D: Inline-block

Đáp án: C

Câu hỏi 16: In Flexbox, what does 'flex-wrap: wrap-reverse' do?

A: Wraps items onto multiple lines in reverse order
B: Prevents items from wrapping
C: Reverses the direction of the main axis
D: Aligns items to the center

Đáp án: A

Câu hỏi 17: Which property defines the default size of an item before the remaining space is distributed?

A: flex-grow
B: flex-shrink
C: flex-basis
D: flex-flow

Đáp án: C

Câu hỏi 18: The property 'align-self' is applied to:

A: The Flex Container
B: A Flex Item
C: The Grid Container
D: The Body tag

Đáp án: B

Câu hỏi 19: Which of these is NOT a property of a Flexbox Item?

A: order
B: flex-shrink
C: flex-grow
D: justify-content

Đáp án: D

Câu hỏi 20: What layout type is 'Grid' according to the introduction?

A: One-dimensional layout
B: Two-dimensional layout
C: Three-dimensional layout
D: Fixed layout

Đáp án: B

Developer Toolbox

INPUT AREA

OUTPUT AREA

TEXT CASE

FORMAT & CLEAN

ENCODE & DECODE

JSON & CRYPTO

Đã sao chép!!!