← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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