← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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