← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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