← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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