Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

Front End Develop > HTML & CSS > Flashcards

HTML & CSS Flashcards

1
Q

What uses 6 hexadecimal digits to represent colors, two each for red (R), green (G), and blue (B) components.

A

Hex Codes

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

What digit is the lowest number in hex code, and represents a complete absence of color.

A

Zero

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

What is the highest number in hex code, and represents the maximum possible brightness?

A

F Digit

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

What can #FF0000 be abbreviate to?

A

F00 is the same color interpretation as #FF0000

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

With RGB you specify the _____ of each color with a number between 0 and 255.

A

brightness

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

With _____ _____ there is no need to design a mobile version of a website. It will look good on devices with screens of any width.

A

responsive design

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

You can add Bootstrap to any app by adding what code to the top of your HTML?

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

Normally, your button elements with a class of btn are only as wide as what?

A

the text that they contain

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

How would I stretch a button to fill a page’s entire horizontal space and causing any elements following it to flow onto a “new line” below the block?

A

With bootstrap’s class=”btn-block” added to my button in HTML.

Example:
Submit

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

What Bootstrap class is the main color used in an app?

A

class=”btn-primary”

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

What is Bootstrap’s class=”btn-primary” useful for?

A

For highlighting actions you want your user to take.

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

What 2 classes does Bootstrap’s class=”btn-primary” need in order to work?

A
  1. class=”btn”

2. class=”btn-block”

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

What Bootstrap button class is used to call attention to optional actions that the user can take?

A

class=”btn-info”

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

What 2 classes does Bootstrap’s class=”btn-info” need in order to work?

A
  1. class=”btn”

2. class=”btn-block”

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

What Bootstrap class is used to notify users that the button performs a destructive action, such as deleting a cat photo.

A

btn-danger

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

What 2 classes does Bootstrap’s class=”btn-danger” need in order to work?

A
  1. class=”btn”

2. class=”btn-block”

17
Q

Bootstrap uses a _____ _____ system

A

responsive grid

18
Q

What benefit does Bootstrap’s responsive grid system have?

A

It makes it easy to put elements into rows and specify each element’s relative width.

19
Q

Most of Bootstrap’s classes can be applied to a HTML _____ element.

A

<div></div>

20
Q

What does it mean by Bootstrap’s col-md-* class?

A 
md = medium screen size
* = a number specifying how many columns wide the element should be
21
Q

You can use _____ to create inline elements.

A

spans

22
Q

By using the _____ element, you can put several elements together, and even style different parts of the same element differently.

A

span

23
Q

What is the HTML code to add Font Awesome to any app?

A

*Add link to the top of HTML doc

24
Q

What element is used for icons in Font Awesome?

A

the “i” element

25
Q

You add the Font Awesome classes to what _____ element to turn it into an icon?

A

“i”

Example:
<i></i>

26
Q

Can you can use Bootstrap’s col-xs-* classes on HTML form elements?

A

yes

27
Q

What is a benefit of using Bootstrap’s col-xs-* on HTML form elements?

A

radio buttons will be evenly spread out across the page, regardless of how wide the screen resolution is.

28
Q

What does Bootstrap’s class=”text-primary” do for HTML?

A

Changes color to the primary text color of the web page.

Example:

<h3>jQuery Playground</h3>

29
Q

What does Bootstrap’s class=”text-center” do for HTML?

A

Centers the assigned HTML text

Example:

<h3>jQuery Playground</h3>

30
Q

What div class should I use to make sure all content on a web page is mobile-responsive?

A

<div></div>

Example:

<div>
<h3>jQuery Playground</h3>
</div>

31
Q

What Bootstrap class is used to create a Bootstrap row for inline elements?

A

<div></div>

32
Q

What Bootstrap class can create a visual sense of depth for columns?

A

Well Class

<div class="well"></div>

33
Q

What is the basic Bootstrap code to add a button to HTML?

A
34
Q

Does every class in HTML need to have a corresponding CSS?

A

No, we can use classes for the sole purpose of selecting those elements more easily using jQuery

35
Q

When do we modify HTML elements without needing to actually change them in HTML?

A

When jQuery is used

Front End Develop (6 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions