← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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