← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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