← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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