← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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