← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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