← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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