CSS Flashcards

0
Q

Direction

A

Specifies the text direction/ writing direction

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

Color

A

Sets color of text

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

Letter-spacing

A

Increases or decreases the space between characters in a text

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

Line-height

A

Sets the line height

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

Text-align

A

Specifies the horizontal alignment of text

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

Text-decoration

A

Specifies the decoration added to text

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

Text-indent

A

Specifies the indentation of the first line in a text-block

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

Text-shadow

A

Specifies the shadow effect added to text

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

Text transform

A

Control the capitalization of text

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

Vertical-align

A

Sets the vertical alignment of an element

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

White-space

A

Specifies how white-space inside an element is handled

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

Words-spacing

A

Increases or decreases the space between words in a text

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

Blink value is not supported in…?
1.
2.
3.

A

Internet explorer
Chrome
Safari

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

Text decoration property

A
None 
Underline
Overline
Linethrough 
Blink 
Inherit
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Direction Property

Direction of Text

A

Ltr=the writing direction is left to right
Rtl=the writing direction is right to left
Inherit=specifies that the value of the direction property should be inherited from the parent element

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

Serif

A

Times new roman

Georgia

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

San-serif

A

Arial

Verdana

17
Q

Monospace

A

Courier New

Lucida Console

18
Q

Set font size with pixels

A

Setting size with pixels

Font-size:40px

19
Q

Links can be styled with any CSS property special for links are that they can be styled differently depending on what state they are in

A

4 Links

a: link
a: visited
a: hover
a: active

20
Q

a:link

{color:#FF0000;}

A

Unvisited link

21
Q

a:visited

{color:#00FF00;}

A

Visited link

22
Q

a:hover

{color:#FF00FF;}

A

Mouse over link

23
Q

a:active

{color:#0000FF;}

A

Selected link

24
Q

unordered lists-the list items are marked with bullets

A

Ordered list-the list items are marked with numbers or letters

25
Q

List-style-image: url(‘April.gif’)

A

An item as a list item number
To specify an image as the list item marker, use the list style-image property
IE, Opera will display the image-marker a little bit higher than Firefox, Chrome, and Safari
Costs browser is the solution

26
Q

Crossbrowser Solution

Displays the image-marker equally in all browsers:

A
ul
{
list-style-type:none;
padding: 0px 
margin: 0px
}
ul li
{
background-image: URL (dnhdkm.gif); 
background-repeat: no-repeat; 
background-position: 0px 5px; 
padding-left: 14px; 
}
27
Q

Table Borders

A

Specify table borders in CSS, use the border property

Table, th, td
{
Border: 1px solid black;
}

28
Q

Table in the example above has double borders

A

To display a single border for the table, use the border-collapse property

29
Q

Collapse Borders

A
table 
{
border-collapse:collapse; 
}
table, th, td 
{
border:1px solid black; 
}
30
Q

Table width and height

A
table 
{
width:100%; 
}
th 
{
height: 50px; 
}
31
Q

Table text alignment

A

td
{
text-align:right;
}

32
Q

Sets vertical alignment top bot or middle

A
td 
{
height:50px; 
vertical-align:bottom; 
}
33
Q

Table padding

A

td
{
padding:15px;
}

34
Q

Table color

A
table, td, th 
{
border:1px solid green; 
}
th 
{
background-color:green; 
color:white; 
}
35
Q

CSS Box Model

A

Margin
Border
Padding
Content

36
Q

Margin

A

Clears an area around the border. The margin does not have a background color, it is completely transparent

37
Q

Border

A

A border that goes around the padding and content. The border is affected by the background color of the box

38
Q

Padding

A

Clears an area around the content. The padding is affected by the background color of the box

39
Q

Content

A

The content of the box, where text and images appear