← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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