← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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