Presentation is loading. Please wait.

Presentation is loading. Please wait.

APPLY CASCADING STYLE SHEET PRE-TEST PRE-TESTPRE-TEST LESSON PROPER LESSON PROPERLESSON PROPERLESSON PROPER POST-TEST POST-TESTPOST-TEST CREATE FRAMES.

Similar presentations


Presentation on theme: "APPLY CASCADING STYLE SHEET PRE-TEST PRE-TESTPRE-TEST LESSON PROPER LESSON PROPERLESSON PROPERLESSON PROPER POST-TEST POST-TESTPOST-TEST CREATE FRAMES."— Presentation transcript:

1

2

3 APPLY CASCADING STYLE SHEET PRE-TEST PRE-TESTPRE-TEST LESSON PROPER LESSON PROPERLESSON PROPERLESSON PROPER POST-TEST POST-TESTPOST-TEST CREATE FRAMES AND FRAMESET LESSON PROPER LESSON PROPERLESSON PROPERLESSON PROPER TUTORTIAL VIDEO TUTORTIAL VIDEOTUTORTIAL VIDEOTUTORTIAL VIDEO

4

5 1. What does CSS stand for? a)Creative Style SheetsCreative Style Sheets b) Computer Style Sheets Computer Style Sheets c) Colorful Style Sheets Colorful Style Sheets d) Cascading Style SheetsCascading Style Sheets

6 2. What is the correct HTML for referring to an external style sheet? a) b) c) mystyle.css mystyle.css

7 3. Where in an HTML document is the correct place to refer to an external style sheet? a)In the sectionIn the section b) At the end of the document At the end of the document c) In the sectionIn the section d) At the top of the documentAt the top of the document

8 4. Which HTML tag is used to define an internal style sheet? a) b) c)

9 5. Which HTML attribute is used to define inline styles? a) stylestyle b) stylesstyles c) font font d) class class

10 6. Which is the correct CSS syntax? a) body:color=blackbody:color=black b) {body:color=black(body} {body:color=black(body} c) body {color: black}body {color: black} d) {body;color:black}{body;color:black}

11 7. How do you insert a comment in a CSS file? a) /* this is a comment *//* this is a comment */ b) // this is a comment// this is a comment c) // this is a comment // // this is a comment // d) ' this is a comment ' this is a comment

12 8. Which property is used to change the background color? a) color:color: b) bgcolor: bgcolor: c) background-color:background-color:

13 9.How do you add a background color for all elements? a) h1 {background-color:#FFFFFF}h1 {background-color:#FFFFFF} b) h1.all {background- color:#FFFFFF}h1.all {background- color:#FFFFFF} c) all.h1 {background- color:#FFFFFF} all.h1 {background- color:#FFFFFF}

14 10. How do you change the text color of an element? a) color:color: b) text-color= text-color= c) text-color:text-color: d) fgcolor:fgcolor:

15 CSS Example : body { background-color:#d0e4fe; } h1 { color:orange; text-align:center; } p { font-family:"Times New Roman"; font-size:20px; } body { background-color:#d0e4fe; } h1 { color:orange; text-align:center; } p { font-family:"Times New Roman"; font-size:20px; }

16 CLICKCLICKCLICKCLICK

17 1. What does CSS stand for? a)Creative Style SheetsCreative Style Sheets b) Computer Style Sheets Computer Style Sheets c) Colorful Style Sheets Colorful Style Sheets d) Cascading Style SheetsCascading Style Sheets

18 2. What is the correct HTML for referring to an external style sheet? a) b) c) mystyle.css mystyle.css

19 3. Where in an HTML document is the correct place to refer to an external style sheet? a)In the sectionIn the section b) At the end of the document At the end of the document c) In the sectionIn the section d) At the top of the documentAt the top of the document

20 4. Which HTML tag is used to define an internal style sheet? a) b) c)

21 5. Which HTML attribute is used to define inline styles? a) stylestyle b) stylesstyles c) font font d) class class

22 6. Which is the correct CSS syntax? a) body:color=blackbody:color=black b) {body:color=black(body} {body:color=black(body} c) body {color: black}body {color: black} d) {body;color:black}{body;color:black}

23 7. How do you insert a comment in a CSS file? a) /* this is a comment *//* this is a comment */ b) // this is a comment// this is a comment c) // this is a comment // // this is a comment // d) ' this is a comment ' this is a comment

24 8. Which property is used to change the background color? a) color: color: b) bgcolor: bgcolor: c) background-color:background-color:

25 9.How do you add a background color for all elements? a) h1 {background-color:#FFFFFF}h1 {background-color:#FFFFFF} b) h1.all {background- color:#FFFFFF}h1.all {background- color:#FFFFFF} c) all.h1 {background- color:#FFFFFF} all.h1 {background- color:#FFFFFF}

26 10. How do you change the text color of an element? a) color:color: b) text-color= text-color= c) text-color: text-color: d) fgcolor:fgcolor:

27

28 EXAMPLE :

29 Great Recipes Great Recipes

30 OUTPUT :

31

32 CLICKCLICKCLICKCLICK

33 GOOGLE YOUTUBE W3SCHOOL AND MR. RELUBA

34 Presented by : Leizle Selda III-1

35 End of slide press esc.

36 PROCEED TO # :

37 PROCEED TO # :

38 PROCEED TO # :

39 PROCEED TO # :


Download ppt "APPLY CASCADING STYLE SHEET PRE-TEST PRE-TESTPRE-TEST LESSON PROPER LESSON PROPERLESSON PROPERLESSON PROPER POST-TEST POST-TESTPOST-TEST CREATE FRAMES."

Similar presentations


Ads by Google