Lesson 5

Question 1

Block-level Element,Creates boxes that contribute to the layout of the document. Sections, articles, paragraphs, lists, and images are examples of block-level elements.

Answer 1

Block-level Element

Question 2

Border,”Surrounds the box itself. A border can be transparent, or it can be colored and have a pattern like a dashed line.”

Answer 2

Border

Question 3

Content,”Is whatever is displayed in the box, such as text and images.

Answer 3

Content

Question 4

Flexbox,Offers flexible layouts for UI design.

Answer 4

Flexbox

Question 5

Flexbox Item,A child box.

Answer 5

Flexbox Item

Question 6

Flexbox Box Model,Is a layout mode for using flexible boxes in user interfaces. The model is part of the CSS3 draft specification.

Answer 6

Flexbox Box Model

Question 7

Grid Item,Child elements of a grid.

Answer 7

Grid Item

Question 8

Grid Layout,Are similar to spreadsheets in that they use columns, rows, and cells, but you can create many different types of layouts that, in the end, don’t look like a spreadsheet at all.

Answer 8

Grid Layout

Question 9

Grid Layout Model,For more complex layouts. The grid layout model lets you control the design of sections or entire HTML-based documents using CSS3. As the name implies, a grid layout uses rows and columns to make the design look cleaner and structured.

Answer 9

Grid Layout Model

Question 10

Grid Template,Provides a visualization of the grid element’s structure and defines the grid cells.

Answer 10

Grid Template

Question 11

Inline Element,Are designed for laying out text and don’t disrupt the flow of the document. Applying boldface and the new HTML5 mark element are examples of inline elements.

Answer 11

Inline Element

Question 12

Margin,Is transparent and sits at the outermost edge of a box, providing space between the box and other boxes in the document.

Answer 12

Margin

Question 13

Media Queries,Enable you to adapt an HTML document to end-user devices. HTML media element types include aural, braille, handheld, print, projection, screen, tty, and tv.

Answer 13

Media Queries

Question 14

Padding,Is the space between the border of the box and its content. Padding generally takes on the same color as the box’s background color.

Answer 14

Padding

Question 15

Parent/Child Relationship,Is important to understand when working with the CSS. Essentially, a parent box can contain one or more boxes. The boxes contained within a parent box are referred to as child boxes.

Answer 15

Parent/Child Relationship

Question 16

User Interface,Is the portion of a Web site or application with which a user interacts.

Answer 16

User Interface

Question 17

Vendor Prefix,Which is a keyword surrounded by dashes, to the front of a CSS3 property name.

Answer 17

Vendor Prefix

Question 18

Block-level Element,Creates boxes that contribute to the layout of the document. Sections, articles, paragraphs, lists, and images are examples of block-level elements.

Answer 18

Block-level Element

Question 19

Border,Surrounds the box itself. A border can be transparent, or it can be colored and have a pattern like a dashed line.

Answer 19

Border

Question 20

Content,Is whatever is displayed in the box, such as text and images.

Answer 20

Content

Question 21

Flexbox,Offers flexible layouts for UI design.

Answer 21

Flexbox

Question 22

Flexbox Item,A child box.

Answer 22

Flexbox Item

Question 23

Flexbox Box Model,Is a layout mode for using flexible boxes in user interfaces. The model is part of the CSS3 draft specification.

Answer 23

Flexbox Box Model

Question 24

Grid Item,Child elements of a grid.

Answer 24

Grid Item

Question 25

Grid Layout,Are similar to spreadsheets in that they use columns, rows, and cells, but you can create many different types of layouts that, in the end, don’t look like a spreadsheet at all.

Answer 25

Grid Layout

Question 26

Grid Layout Model,For more complex layouts. The grid layout model lets you control the design of sections or entire HTML-based documents using CSS3. As the name implies, a grid layout uses rows and columns to make the design look cleaner and structured.

Answer 26

Grid Layout Model

Question 27

Grid Template,Provides a visualization of the grid element’s structure and defines the grid cells.

Answer 27

Grid Template

Question 28

Inline Element,Are designed for laying out text and don’t disrupt the flow of the document. Applying boldface and the new HTML5 mark element are examples of inline elements.

Answer 28

Inline Element

Question 29

Margin,Is transparent and sits at the outermost edge of a box, providing space between the box and other boxes in the document.

Answer 29

Margin

Question 30

Media Queries,Enable you to adapt an HTML document to end-user devices. HTML media element types include aural, braille, handheld, print, projection, screen, tty, and tv.

Answer 30

Media Queries

Question 31

Padding,Is the space between the border of the box and its content. Padding generally takes on the same color as the box’s background color.

Answer 31

Padding

Question 32

Parent/Child Relationship,Is important to understand when working with the CSS. Essentially, a parent box can contain one or more boxes. The boxes contained within a parent box are referred to as child boxes.

Answer 32

Parent/Child Relationship

Question 33

User Interface,Is the portion of a Web site or application with which a user interacts.

Answer 33

User Interface

Question 34

Vendor Prefix,Which is a keyword surrounded by dashes, to the front of a CSS3 property name.

Answer 34

Vendor Prefix