← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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