HTML/CSS Flashcards

1
Q

in HTML, How many heading tags are there?

A

6

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

_____ tags define structure and express the meaning of content.

A

Semantic tags

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

______ elements, such as <div>div</div> they take up the whole width of its parent elements width by default

A

Block Elements

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

______ elements, such as <span>span</span> only takes up as much space as the content needs.

A

Inline Element

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

what’s the difference between Head vs Header vs Heading

A

head is the tag at the top of your page containing your meta-tags, styles, scripts and title. Header : header tag contains information related to the title and heading related content which is display on web page

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

Can you style with HTML?

A

yes with html tags, but not recommended

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

what are the two types of lists?

A

Ordered List and Unordered List

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

These tags are highly useful tags that you can link either internal or external webpages

A

Anchor tags

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

Anchor tags use _____ attribute to define their destination

A

href attribute

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

Anchor tags use _____ attribute to avoid the most annoying phenomenon of anchor tags: opening in the same browser tab

A

target attribute

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

what does css stand for?

A

Cascading Style Sheets

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

what does html stand for?

A

Hypertext markup language

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

How are we be able to target certain elements to apply stylings to?

A

CSS Selectors

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

What are some ways to express colors in CSS?

A

plain language, hexadecimal, RGB/RGBA

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

These are selectors that targets certain state of an element, such as hover, clicked, active, etc. They are denoted with : (:hover, :clicked, :active)

A

Pseudo-Class

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

These are elements that don’t really exist in DOM, but can be used to style a specific part of element or before or after an element. They are denoted with :: (::before, ::after, ::first-line, ::first-letter)

A

Pseudo-Element

17
Q

______ selector selects all descendants, regardless of how far down the chain they are.

A

Descendant selector

18
Q

______ selector: selects direct child(ren) of an element

A

Child selector

19
Q

______ Sibling selects directly adjacent siblings

A

Adjacent Sibling

20
Q

______ Sibling selects any siblings

A

General Sibling

21
Q

_____ Selectors selects elements with specific attribute values

A

Attribute Selectors

22
Q

_____ Selectors combines multiple selectors without the space

A

Multiple Selectors

23
Q

Styles everything, all elements with the given rules

A

Wild card selector

24
Q

These describe the space in which the html elements reside.

25
what are the two CSS units?
Relative and absolute
26
syntax to change pixel of your screen
px:
27
syntax to change percentage of your parent element size
%:
28
syntax to change size of font size
em:
29
A responsive webpage adapts to various viewports by realigning its elements. This allows a pleasant user experience regardless of screen size.
Responsive Web Design
30
CSS framework that is responsive and mobile first (designed with mobile screens in mind from the get go, instead of mobile compatibility being an after thought)
Bootstrap
31
in CSS, absolute, static, relative are a _____ property
Positioning
32
in CSS, inline, block are a ____property
display