← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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