← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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