← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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