Lessons 4-7

Question 1

What is absolute positioning?

Answer 1

When an element is removed from its position to a geometric position, defined by its location to the sides of the display face.

Question 2

Define block flow.

Answer 2

Display property which fills as much space as possible.

Question 3

What is a bounding box?

Answer 3

Small rectangle which will fit to hold all letters and the background, which can be styled by CSS.

Question 4

Define CSS.

Answer 4

Cascading Style Sheets, used to style, format and arrange elements within a webpage internally or externally.

Question 5

Define the class attribute.

Answer 5

The class attribute specifies one or more classnames for an element. The class attribute is mostly used to point to a class in a style sheet.

Question 6

What is CSS3?

Answer 6

Cascading Style Sheets Level 3 (CSS3) is the iteration of the CSS standard used in the styling and formatting of Web pages. Most recent and included in HTML5.

Question 7

What is a declaration used for?

Answer 7

A property and value pair is called a declaration.

Question 8

What is float positioning?

Answer 8

Useful for column layouts, float positioning moves an element as far as possible left or right. Text will wrap around a floating element.

Question 9

What is the font attribute used for?

Answer 9

To select your desire style for your text. More specifically can use font-family to add fallback fonts.

Question 10

What is the purpose of the font-family attribute?

Answer 10

The font-family property specifies the font for an element. It has a fallback system allowing you to provide backup fonts if your font style is not available. e.g font-family:verdana,trebuchet,arial,sans serif;

Question 11

What is the hidden overflow value?

Answer 11

Overflow value which makes any content overflow invisible so not to leak onto the rest of the web page. This does cut off content when required.

Question 12

What is the inline flow value?

Answer 12

Display property which only uses the amount of space required to fit the content.

Question 13

What does the monospace value do?

Answer 13

A font property which makes all letters and characters have the same proportions.

Question 14

Define sans serif.

Answer 14

Font styles that do not have caps on the letters. e.g. Arial.

Question 15

What is the scrolling overflow value?

Answer 15

When an element overflows its box it automatically sets to a scroll bar so no overflow leaks onto the rest of the web design.

Question 16

Define a selector.

Answer 16

CSS selectors select HTML elements according to its id, class, type, attribute etc. e.g .dog{ #cat{

Question 17

What is the visible overflow value?

Answer 17

Overflow value which allows content to write over the elements following it.

Question 18

What does the border attribute do?

Answer 18

Defines the style of a border around your element e.g. colour, width, border-style, radius, left/right/top/bottom.

Question 19

What is a flexbox?

Answer 19

The flex layout allows responsive elements within a container to be automatically arranged depending upon screen size.

Question 20

Define a flexbox item.

Answer 20

Flex items have primarily horizontal rows or vertical columns. The four options for flex-direction are row | row-reverse | column | column reverse. row and row-reverse are dependent on the writing mode.

Question 21

Define a grid item.

Answer 21

A grid container contains grid items. By default, a container has one grid item for each column, in each row, but you can style the grid items so that they will span multiple columns and/or rows. Also known as child element.

Question 22

What is the Grid Layout Model?

Answer 22

The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning.

Question 23

Define the margin attribute.

Answer 23

Allows you to specify the width of the margin and where an element is placed in a webpage.

Question 24

What are media queries?

Answer 24

Media queries is a feature of CSS 3 allowing content rendering to adapt to different conditions such as screen resolution. i.e. page breaks

Question 25

Define the padding attribute.

Answer 25

Adds a padding border around the content.

Question 26

Define a parent/child relationship.

Answer 26

The Parent-Child relationship of CSS means that the parent design element influences the elements within it.

Question 27

Examples of a content container?

Answer 27

<div>, , , , , , and more.</div>

Question 28

Define content source.

Answer 28

The CSS Regions module allows content from one or more elements to flow through one or more boxes called CSS Regions.

Question 29

What do CSS exclusions and CSS regions do?

Answer 29

Exclusions define how in-line content flows around elements.

Question 30

What does the flow from value do?

Answer 30

Flows content from a named flow (specified by a corresponding flow-into) through selected elements to form a chain of layout regions.

Question 31

What does the flow into value do?

Answer 31

The flow-into property affects the visual formatting of elements or contents placed into a named flow.

Question 32

Define hyphenation.

Answer 32

The hyphens CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely.

Question 33

What is an iFrame?

Answer 33

An iFrame is an inline frame used inside a webpage to load another HTML document inside it.

Question 34

What is the purpose of the border-radius property?

Answer 34

The border-radius CSS property rounds the corners of an element’s outer border edge.

Question 35

What does the drop shadow attribute do?

Answer 35

The drop-shadow CSS function applies a drop shadow effect to the input image.