← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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