HTML & CSS Flashcards

1
Q

What does cascading style sheets mean?

A

CSS

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

How do you include multiple style attributes in a tag?

A

Separate them with a semicolon

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What happens when you apply styles to something higher up in DOM?

A

The style is applied to everything below it

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

How do you select multiple elements to style?

A

Separate them with a comma

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

How many elements can have a particular ID?

A

One

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

How do you use and ID to style?

A

ID_name

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

How many tags can be given a particular class?

A

One or more

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

How do you use a class selector in CSS?

A

.class_name

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What order does specificity style elements in?

A
  1. Inline
  2. ID
  3. Class
  4. Type
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

What are six less common selectors?

A
  1. Child
  2. Descendant
  3. Adjacent sibling
  4. Pseudoclass
  5. Pseudoelement
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

What is bootstrap?

A

A CSS library

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

What is an HTML attribute?

A

An attribute, such as lang=”eng”, that provides more detail about that element.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

What are block-level attributes?

A

They are attributes that typically start on a new line and take up the full width available to them.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What are in-line/text-level elements?

A

They flow within the context of a line, do not start on new lines, occupy only as much width as necessary, and cannot contain block-level elements.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

What are container/structural elements?

A

They are HTML elements that are used to organize and structure content within a webpage, serving as containers for other elements.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

What are three tags

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

What are three tags that are less common in the head tag?

A
  1. Base
  2. No script
  3. Style
18
Q

What is the script tag used for?

A

To define client-side javascript within an HTML document.

19
Q

What is the link tag used for?

A

It defines relationships between the current document and external resources, commonly linked to a CSS stylesheet.

20
Q

What does href do?

A

It specifies the URL of the external resource

21
Q

What does the rel=”stylesheet” attribute do in the link tag?

A

It defines the relationship between the current document and the linked resource

22
Q

What is a media query?

A

It is a CSS technique used to apply different styles to a webpage based on the viewport or device characteristics.

23
Q

What is a caurosel?

A

Components of bootstrap that display a series of images or content in a rotating fashion.

24
Q

What are breadcrumbs?

A

Components of bootstrap that are a navigational aid used in user interfaces showing the hierarchical path to the current page or location within a website.

25
Q

What are allerts used for?

A

Components of bootstrap used to convey important information, warnings, or notifications ti users, typically in response to user actions or system events.

26
Q

How do you add bootstrap to HTML?

A

You copy the CSS link from their webpage onto your HTML file

27
Q

What is the grid styling of the display property used for?

A

It allows grid layouts to be created.

28
Q

What does the grid-row-gap styling do the display property do?

A

Specifies the size of gaps between rows in a grid layout

29
Q

What does the grid-column-gap styling of the display property do?

A

It specifies the gap between columns in a grid layout.

30
Q

What does the grid-column-gap styling of the display property do?

A

It specifies the gap between columns in a grid layout.

31
Q

What is flexbox?

A

It is short for flexible box layout and provides a more efficient wya to design items within a container.

32
Q

What is flex-wrap?

A

It is a property that controls whether flex items are forced into a single line or can wrap onto multiple lines within a flex container.

33
Q

What is flex?

A

It is a styling of the display property

34
Q

What are four common font properties in CSS?

A
  1. Text-align
  2. Font-family
  3. Font-size
  4. Font-weight
35
Q

What does border-collapse do?

A

It is a CSS property that controls the spacing between table cells when the border property is set on table elements. It specifies whether the borders should be collapsed into a single border or not.

36
Q

What does Sass stand for?

A

Syntactically Awesome Style Sheets

37
Q

What are some benefits of using Sass?

A

Features like variables, nested rules, mixins

38
Q

What is .scss?

A

The extension containing Sass code

39
Q

How are variables in Sass denoted?

A

$variable_name

40
Q

What does @extend do?

A

It extends reusable blocks of style: %resusable_block_name can be @extend -ed.

41
Q

What does parse mean?

A

To understand the structure and style of a webpage, converting then into DOM and rendering the content accordingly.

42
Q

What is HTML content?

A

Textural, multimedia, and interactive elements within a webpage that are marked up with HTML tags.