← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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