← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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