← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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