← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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