← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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