← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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