Brainscape's Knowledge GenomeTM

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


See full index

CSS > Day 1 > Flashcards

Day 1 Flashcards

1
Q

True or false: When it comes to block type elements. Their height will grow to match the content and they stack one on top of each other.

A

True

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

We can turn off the default styling by setting the margin of the _______ element to value of ____.

A

body, zero

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

When you put the value of hex code only in its first three values (e.g. #123) it will be converted to __________.

A

112233

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

To start using internal CSS. We need to place ________ tag inside the < head > tag.

A

< style >

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

True or false: When you set a width on an element you are only setting the width on the actual content itself!

A

True

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

True or false: Spaces can cause problems when naming classes and IDs. Use hyphens if you want to space your names.

A

True

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

In CSS, the class attribute is referenced by using a __________.

A

Period / full stop / dot

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

Tags are inside of ______.

A

<>

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

Tag and ________ are used interchangeably.

A

Element

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

The ______ keyword will automatically place all the available space on that side.

A

auto

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

If we use auto on both the left and the right margins, it will center the element on the page. Like this margin: ____________;

A

0 auto

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

True or false: Attributes are normally followed by an equal sign and quotation marks

A

True

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

True or false: The browser comes with a default space to prevent text from touching the edge of the window. Just to make it more readable if nobody did any CSS on a website.

A

True

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

This element contains the content that will be visible for the user when they visit a page.

A

< body >

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

True or false: You can control the border of the different sides independently.

A

True

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

True or false: Images should be placed in a subfolder.

A

True

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

Next, we write ______ tag to indicate that we’re starting to write HTML.

A

< html >

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

True or false: Headings from < h2 > to < h6 > can not be used all over again.

A

False - headings from < h2 > to < h6 > can be used all over again as long as it makes sense and are in an equal value.

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

What are the three primary ways to select something.

A

Element selector, class selector, and id selector.

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

True or false: Margin is empty space while padding is more background.

A

True

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

True or false: The < link > tag is a self-closing tag.

A

True

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

You also need the _____ attribute or the relationship. This attribute specifies the relationship between the current document (HTML) and the linked document (in this case; stylesheet).

A

rel

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

What is shorthand for border with solid, 3px wide, and colored yellow?

A

border: 3px solid yellow;

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

Internal CSS is awesome, but what if we want to change the background color, or text color, to be the same on ALL of our pages? We then use _________.

A

External CSS

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

If you wanted 10px of margin in all sides:

A

margin: 10px;

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

It’s called a ______________ when linking a part within the same page or when you link another page from your website.

A

Relative path

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

Sets background color.

A

background-color

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

In a tag, there is an ________ and a ________.

A

Opening tag and a closing tag

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

Everything from an opening and closing tag is called an ________.

A

Element

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

This tag contains your regular text.

A

Paragraph

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

True or false: It’s common to have a dedicated subfolder for your external CSS. It is also common to name your external CSS file as style.css.

A

True

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

How to write comments in CSS?

A

/* comment here */

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

Use the _____ tag to specify bold text without any extra importance!

A

< b >

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

True or false: Attributes are always within the closing tag.

A

False - Attributes are always within the opening tag.

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

While some are inline, most elements are ________ elements by default.

A

block level or block

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

True or false: You can have more than one < title >element in an HTML document.

A

False

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

Lists have default styling, they are _______ at default.

A

Indented

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

There are different ways to add CSS to your HTML file, we are going to start now by using __________, it’s the simplest way (and should be used for demo purposes only).

A

Inline CSS

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

File naming an HTML file should be _________.

A

Descriptive

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

Another term for property: value; pair.

A

Declaration

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

There must be a ______ between property and value.

A

Colon

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

If you want to link a page that is NOT part of your website, it MUST start with _________ or ________ to let the browser know that you’re linking an external website. Otherwise, it’s not going to work.

A

http:// or https://

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

The main folder is called the _______.

A

Root folder

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

The< link > element is an _________ element, it contains attributes only.

A

Empty

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

What are the 6 layout elements?

A

Header, main, section, footer, nav, and div.

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

The < strong > and < em > are both examples of _______ elements.

A

Inline elements

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

There is a shorthand margin property. Its sequenced is like _____________.

A

Clock-wise

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

The __________ are used to control the position of an element relative to those around it.

A

Margin

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

The ________ denotes hierarchy and page structure.

A

Headings

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

This attribute allows you to write CSS in an element.

A

Style attribute

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

True or false: There can only be one< body > element in an HTML document.

A

True

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

We wrap everything in _____ to tell browser what is what.

A

Tags

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

True or false: We don’t have to use four values when doing the shorthand method.

A

True

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

The < img > is a _________ tag (void elements or singleton tag). It means that it doesn’t require a closing tag to be valid.

A

Self-closing

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

Images are not valid without an _______ attribute. Even it contains src attribute.

A

alt

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

Then we have the ______ tag, nothing inside of here is visible to the visitor.

A

< head >

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

There must be a __________ after the value.

A

Semicolon

58
Q

True or false: Try to avoid setting a height of a block type element.

A

True

59
Q

True or false: One external CSS file means it controls all of the styles of all of your pages. If you delete or change something in your stylesheet, it is changing for ALL of the pages.

A

True

60
Q

When naming a homepage, it must be named ________.

A

index.html

61
Q

CSS is all about _________ pairs.

A

property: value;

62
Q

True or false: The class and ID are both attributes that we can put in most of elements.

A

True

63
Q

Closing tag include a _________ between <>.

A

Forward slash

64
Q

With an ______________, we can have one stylesheet controlling ALL of our pages at the same time.

A

External CSS

65
Q

The tag of anchor tag.

A

< a >

66
Q

True or false: Each HTML heading has a default size. However, you can specify the size for any heading with thestyleattribute, using the CSSfont-size property.

A

True

67
Q

This tag is located inside of the < head > of the document. It is shown in the browser’s title bar or in the page’s tab.

A

< title >

68
Q

If you want to add left border, what property you should use?

A

border-left

69
Q

A link or < a > uses href attribute to link to an external site or page within your page. While images use ______ attribute.

A

src

70
Q

It takes three properties to set a border. We needed to do all of these three properties to get a border work properly. What are they?

A

border-width, border-style, and border-color

71
Q

True or false: You can use the same ID in more than one element in a page.

A

False - You can only have one specific ID per page.

72
Q

If you wanted 10px of margin for both top and bottom but 20px for left and right:

A

margin: 10px 20px;

73
Q

In the __________. The total width and height of an element is calculated by adding all the different parts of the element together.

A

Box model

74
Q

It’s recommended to use __________ when defining colors.

A

Hex values/code

75
Q

A CSS ________ is made up of a selector, and property: value declarations.

A

Rule

76
Q

The ______ tag is used to link two documents together.

A

< link >

77
Q

True or false: In general, inline CSS is never used.

A

True

78
Q

This property sets the font size. For now let’s stick to px (pixels).

A

font-size

79
Q

Margin accept a set width, but you can also use the _______ keyword.

A

auto

80
Q

True or false: You can center an element without the need of specifying its width first

A

False - Centering an element only works if you give it a width first!

81
Q

The text inside these tags has stress emphasis. Browser make this text italic.

A

< em >

82
Q

True or false: You can get away by just using div and everything would work and be fine. But using header, main, section, footer, and nav makes more sense.

A

True

83
Q

Sometimes you’ll also see a _____ attribute inside of the < link > element, but it’s not that important anymore.

A

type

84
Q

True or false: Anchor tag is completely useless if you did not put href attribute and you did not specify where do you want the link to go.

A

True

85
Q

In CSS, an ID is represented by a _______.

A

hashtag

86
Q

Is this valid or not: < img src=”image.jpg” / >

A

Yes but it’s now deprecated. You don’t need to put / at end of tag.

87
Q

The ________ are what we want to change in CSS (e.g. color, font-size, font-weight)

A

Properties

88
Q

Instead of using the < style > element like in the previous lesson, we use _______ element to connect our external CSS.

A

< link >

89
Q

Shortcut for commenting

A

Ctrl + /

90
Q

This tag indicates strong importance. Browser make this text bold.

A

< strong >

91
Q

This tag is not visible in the page, but shows up in the tab of the browser and in search results.

A

< title >

92
Q

What is the tag for unordered list?

A

< ul >

93
Q

True or false: Don’t use spaces when naming files, use underscore or hyphens instead.

A

True

94
Q

The _________ provideadditional informationabout elements.

A

Attributes

95
Q

The anchor tag will not work without _______ attribute.

A

href

96
Q

Colors can be set with ___________, ________, ________, or _______.

A

Keywords, hex codes, rgb, or hsl values.

97
Q

Each bullet or numbered list in a list item is represented by ______ tag.

A

< li >

98
Q

The _______ are what we want to set that property to.

A

Values

99
Q

True or false: You can use HTML headings whenever you want to make a text big or bold.

A

False - Use HTML headings for headings only. Don’t use headings to make textBIGorbold.

100
Q

True or false: It’s much easier to just use class for everything. You’re lowering your cognitive load.

A

True

101
Q

True or false: ID will NOT overwrite a class if they are both selecting the same thing!

A

False - ID will overwrite a class if they are both selecting the same thing!

102
Q

What is the tag for ordered list?

A

< ol >

103
Q

Aligns the text to the left, right, or center.

A

text-align

104
Q

This is the very first line of code we should write in a HTML document. This tells the browser that this is an HTML5 document.

A

< !DOCTYPE html >

105
Q

True or false: To use an element as selector we just need to put its name without the <>.

A

True

106
Q

The_______ element contains all the contents of an HTML document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.

A

< body >

107
Q

True or false: You can include numbers when naming classes and IDs, and number can be the first character.

A

False - You can include numbers but the number cannot be the first character.

108
Q

The _______ element is a container for metadata (data about data) and is placed between the html tag and the body tag.

A

< head >

109
Q

What is the HTML tag for paragraph element?

A

< p >

110
Q

True or false: If it is a decorative element or logo, it doesn’t need alt text but it does STILL require the alt attribute.

A

True

111
Q

While_______ defines the least important heading.

A

< h6 >

112
Q

True or false: It’s considered bad practice to link off images to external site. Some sites blocked you from doing that. It’s more recommended to use your own images.

A

True

113
Q

This adds a border around your element. They are similar to a stroke if you are used to vector software.

A

Border

114
Q

There are six levels of headings that we can use fromto______ to ______ tags.

A

< h1 > to < h6 >

115
Q

How to write comments in HTML?

A

< !– comment here – >

116
Q

True or false: You can actually write HTML, CSS, and JS inside an HTML document.

A

True

117
Q

True or false: What the instructor is encourage for you to do is DON’T USE AN ID.

A

True

118
Q

The _____ attribute specifies an alternate text for the image, if the image for some reason cannot be displayed. Helpful for people who use screen readers.

A

alt

119
Q

True or false: The page title is used by search engine algorithms to decide the order when listing pages in search results.

A

True

120
Q

This tag represents the ‘root’ of an HTML document.

A

< html >

121
Q

True or false: ID is an individual, whereas a class is a group; a class can be used all over and over again.

A

True

122
Q

It’s called an _____________ if we link a page outside our website.

A

Absolute path

123
Q

What are the two types of lists?

A

Ordered and unordered list

124
Q

In CSS, ________ are patterns used to select the element(s) you want to style.

A

Selectors

125
Q

True or false: The index.html file must be in a subfolder.

A

False - The index.html file must be in the root folder, not in any of the subfolders.

126
Q

What is the most basic boilerplate for HTML? It contains atleast the 5 main elements

A

It must contain < !DOCTYPE html >, < html >, < head >, < title >, < body >

127
Q

True or false: Can list be used to make navigation bar?

A

True

128
Q

True or false: Like links, we can point external images by including the entire URL of the image, or we can point to images within our site by writing its file name.

A

True

129
Q

Images are like links, and that they require an _________ to work.

A

Attribute

130
Q

True or false: Describe the image as much as you can when using alt attribute.

A

True

131
Q

Used to link a different location within the current page or to another page.

A

Anchor tag or < a >

132
Q

True or false: Generally, there should be just one < h1 > per page.

A

True

133
Q

The ______ defines the most important heading.

A

< h1 >

134
Q

The _________ is to control the positioning of the content inside of an element.

A

Padding

135
Q

This is another way of writing CSS, much easier than inline CSS.

A

Internal CSS

136
Q

True or false: You need to include “an image of” in an alt text.

A

False: You do NOT need to include “an image of” in an alt text.

137
Q

True or false: Classes can be used only once if you wanted to.

A

True

138
Q

It tells the browser what the content we are writing actually is.

A

HTML

139
Q

True or false: Image element uses href attribute to point the path of the image file or URL.

A

False - it uses src attribute

140
Q

The _______ is data about the HTML document.

A

Metadata

141
Q

True or false: Borders do also have a shorthand property and the order you put them in doesn’t matter.

A

True

CSS (1 decks)

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