← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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