← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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