← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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