← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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