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
unordered lists-the list items are marked with bullets
Ordered list-the list items are marked with numbers or letters
25
List-style-image: url('April.gif')
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
Crossbrowser Solution Displays the image-marker equally in all browsers:
``` 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
Table Borders
Specify table borders in CSS, use the border property Table, th, td { Border: 1px solid black; }
28
Table in the example above has double borders
To display a single border for the table, use the border-collapse property
29
Collapse Borders
``` table { border-collapse:collapse; } table, th, td { border:1px solid black; } ```
30
Table width and height
``` table { width:100%; } th { height: 50px; } ```
31
Table text alignment
td { text-align:right; }
32
Sets vertical alignment top bot or middle
``` td { height:50px; vertical-align:bottom; } ```
33
Table padding
td { padding:15px; }
34
Table color
``` table, td, th { border:1px solid green; } th { background-color:green; color:white; } ```
35
CSS Box Model
Margin Border Padding Content
36
Margin
Clears an area around the border. The margin does not have a background color, it is completely transparent
37
Border
A border that goes around the padding and content. The border is affected by the background color of the box
38
Padding
Clears an area around the content. The padding is affected by the background color of the box
39
Content
The content of the box, where text and images appear