← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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