← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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