← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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