← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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