← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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