← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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