← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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