← What CSS does lesson New set →

CSS Worksheet: What Is CSS

HTML and CSS lesson 11: What CSS does · Set 547 · 40 questions
TalentJR

Code tip (Build, style, act): HTML = structure (headings, lists, links); CSS = style (colours, fonts, spacing, layout); JavaScript = actions. CSS can go in a style="…" attribute, a <style> tag in the head, or a .css file. Link a file with <link rel="stylesheet" href="style.css"> in the head.

NameDateTime takenScore ___ / 40
  1. 1.Which of these does JavaScript do? (a) changes the page live (b) makes headings and lists (c) makes a form box (d) sets colours and fonts
  2. 2.🎨 One CSS file can style how many pages? (a) no pages (b) many pages (c) only one image (d) only one word
  3. 3.Which of these does HTML do? (a) rounds box corners (b) makes headings and lists (c) lays out the page (d) counts down a timer
  4. 4.🔍 Which is the odd one out? (a) rounds box corners (b) checks a quiz answer (c) adds space around boxes (d) changes the text size
  5. 5.🔍 Which is the odd one out? (a) makes a form box (b) makes headings and lists (c) gives the page structure (d) changes the page live
  6. 6.🧩 Which language puts a picture on a page? (a) JavaScript (b) HTML (c) CSS
  7. 7.🎨 Which attribute adds CSS inside one tag? (a) src (b) href (c) alt (d) style
  8. 8.True or false: HTML makes a form box. (a) False (b) True
  9. 9.Which of these does CSS do? (a) counts down a timer (b) reacts to a button click (c) changes the page live (d) sets colours and fonts
  10. 10.🔍 Which is the odd one out? (a) counts down a timer (b) shows a pop-up message (c) lays out the page (d) checks a quiz answer
  11. 11.🔍 Which is the odd one out? (a) adds space around boxes (b) lays out the page (c) counts down a timer (d) sets colours and fonts
  12. 12.Which of these does JavaScript do? (a) reacts to a button click (b) rounds box corners (c) changes the text size (d) makes a form box
  13. 13.🎨 Which tag holds CSS inside the head? (a) <css> (b) <script> (c) <style> (d) <body>
  14. 14.True or false: CSS counts down a timer. (a) True (b) False
  15. 15.True or false: CSS lays out the page. (a) True (b) False
  16. 16.True or false: HTML makes a link. (a) True (b) False
  17. 17.True or false: HTML adds space around boxes. (a) False (b) True
  18. 18.🔍 Which is the odd one out? (a) gives the page structure (b) makes headings and lists (c) adds space around boxes (d) puts a picture on a page
  19. 19.🔍 Which is the odd one out? (a) shows a pop-up message (b) makes headings and lists (c) gives the page structure (d) puts a picture on a page
  20. 20.Which of these does JavaScript do? (a) gives the page structure (b) adds space around boxes (c) checks a quiz answer (d) makes a link
  21. 21.🔍 Which is the odd one out? (a) makes a link (b) checks a quiz answer (c) reacts to a button click (d) changes the page live
  22. 22.🎨 Which tag connects an outside CSS file? (a) <css> (b) <img> (c) <link> (d) <a>
  23. 23.🎨 What does CSS stand for? (a) Creative Sheet System (b) Cascading Style Sheets (c) Computer Style Sheets (d) Colourful Site Styles
  24. 24.Which of these does JavaScript do? (a) makes headings and lists (b) rounds box corners (c) shows a pop-up message (d) gives the page structure
  25. 25.🧩 Which language makes a form box? (a) HTML (b) JavaScript (c) CSS
  26. 26.True or false: HTML makes headings and lists. (a) True (b) False
  27. 27.🧩 Which language gives the page structure? (a) HTML (b) JavaScript (c) CSS
  28. 28.Which of these does CSS do? (a) makes headings and lists (b) gives the page structure (c) makes a form box (d) rounds box corners
  29. 29.🔍 Which is the odd one out? (a) reacts to a button click (b) checks a quiz answer (c) shows a pop-up message (d) makes a form box
  30. 30.🔍 Which is the odd one out? (a) checks a quiz answer (b) changes the text size (c) shows a pop-up message (d) counts down a timer
  31. 31.True or false: JavaScript changes the text size. (a) False (b) True
  32. 32.🧩 Which language changes the text size? (a) JavaScript (b) CSS (c) HTML
  33. 33.🔍 Which is the odd one out? (a) changes the text size (b) adds space around boxes (c) sets colours and fonts (d) makes headings and lists
  34. 34.Which of these does HTML do? (a) lays out the page (b) sets colours and fonts (c) changes the text size (d) makes a link
  35. 35.🎨 A CSS file usually ends with which extension? (a) .png (b) .html (c) .js (d) .css
  36. 36.True or false: JavaScript gives the page structure. (a) True (b) False
  37. 37.True or false: CSS gives the page structure. (a) False (b) True
  38. 38.True or false: CSS changes the page live. (a) False (b) True
  39. 39.🔍 Which is the odd one out? (a) rounds box corners (b) makes headings and lists (c) gives the page structure (d) puts a picture on a page
  40. 40.🧩 Which language adds space around boxes? (a) HTML (b) CSS (c) JavaScript

Answer key

  1. changes the page live
  2. many pages
  3. makes headings and lists
  4. checks a quiz answer
  5. changes the page live
  6. HTML
  7. style
  8. True
  9. sets colours and fonts
  10. lays out the page
  11. counts down a timer
  12. reacts to a button click
  13. <style>
  14. False
  15. True
  16. True
  17. False
  18. adds space around boxes
  19. shows a pop-up message
  20. checks a quiz answer
  21. makes a link
  22. <link>
  23. Cascading Style Sheets
  24. shows a pop-up message
  25. HTML
  26. True
  27. HTML
  28. rounds box corners
  29. makes a form box
  30. changes the text size
  31. False
  32. CSS
  33. makes headings and lists
  34. makes a link
  35. .css
  36. False
  37. False
  38. False
  39. rounds box corners
  40. CSS

Free html and css lessons, practice and worksheets at talentjr.in/html-css-for-kids