← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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