← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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