← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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