CSS Flashcards

You may prefer our related Brainscape-certified flashcards:
1
Q

What does CSS stand for?

A

Cascade style sheets

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

What kind of language is it?

A

Scripting language used to describe layout and styles of a webpage.

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

What is the main goal of CSS?

A

To create consistent web pages

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

What are the main advantage of CSS?

A
  • the formatting of the webpage can be separated from content hence it can be reused and designer can focus on 1 thing at a time
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

What are the 2 ways of adding CSS?

A
  • inline
  • internal or embedded
  • external style sheet
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What is an inline method of adding styling to a webpage?

A

A one- off change to a singular element of a html document e.g. <p style="float:left;">RAW TEXT</p>

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

What else can we use to describe the colour?

A

hexadecimal code

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

What is the embedded/internal styling method?

A

Where the CSS code is added within the head.

It is the actual CSS code that applies throughout the content of webpage

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

What is the external style sheet styling method?

A

Where a link to a css stylesheet is defined within the head and contents of body are linked to it. This is done using the tag. This one comes with reusability between webpages.

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

What are the identifiers and class selectors?

A

‘hooks’ onto which we can hang the styles

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

What is an identifier?

A
# id in html file 
{ 
   max - width:800px;  
   font-family: Arial; 
   padding: 30px; 
   background-color: white; 
   margin : 20px auto ; 
   font-size: 20px 
   text-allign:left:  
}
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

What is a class?

A

work in a similar way to an identifier but uses a . prefix
e.g. .list
These can be applied multiple times within a webpage compared to identifier which are only used for element of that unique name

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

id in html file?

A

an attribute when defining element e.g <div></div>

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

class in html file?

A

an attribute when defining an element e.g. <div class="list"></div>

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

What are some CSS properties?

A
border-color 
background-color 
border-width 
font-family 
font-size 
height 
width 
color 
border-style (solid,double or outset)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly