Class 7:Lesson 08 More on CSS3

Lesson 08: More on CSS3

Section A

A: Fill in the Blanks:

1.    TEXT-ALIGN

2.    LINE-HEIGHT

3.    FONT-STYLE

4.    TEXT-TRANSFORM

5.    IN-LINE

6.    MARGIN

B: State True or False:

1.    FALSE

2.    TRUE

3.    FALSE

4.    FLASE

5.    FALSE

6.    TRUE

C. Application Based Question:

          1. TEXT-TRANSFORM PROPERRTY

2.  TEXT-SHADOW PROPERTY

3. P { COLOR:GREEN; }

Section B

A.    Multiple Choice Questions:

1.    C. OBLIQUE

2.    C. BORDER-STYLE:INSET

3.    C.LINE-HEIGHT

4.    C. TEXT-DECORATION

5.    B. TEXT-DECORATION

6.    C. SERIF

7.    A.WORD-BREAK

8.    C. 16PX

B.    Answer the following:

1.    Text Decoration property specifies the decoration that can be applied to the text in a block like underline, over line, line through and blink whereas the text shadow property adds shadow around the text.

2.    Font family specifies the prioritised list of font to be used to display a given element or webpage.

3.    We can set the margin for an element by using four properties:

a.     Margin-top

b.    Margin-bottom

c.     Margin-Left

d.    Margin-right

4.    The following values can be assigned to the font size property:

a.     xx-large

b.    x-large

c.     large

d.    larger

e.     medium

f.       small

g.     smaller

h.    x-smaller

i.       xx-smaller

j.       length

k.     %

l.       em

5.    In this method, style decoration is given with each individual element with the help of style attribute.

For example:

<hr style=”width=50%; background-color:green; height:10”>

6.    Border properties help us to set the border style, border color and border width of an HTML element.

C.    Write a short note on:

1.    Text-Indent: text indent property specifies the indentation of the first line of a text.

Syntax: text-indent:value

2.    Word-Break: word break property specifies the line breaking rules.

Syntax: word-break:value

3.    Text-Transform: text transform property is used to transform the letters into uppercase, lowercase or capitalize the first letter of each word.

 Syntax: text-transform:value

4.    Line-Height: line height property is used to specify the space between two lines of the text.

 Syntax: Line-height:value