1st quiz

• What is web architecture?

  Structure of a website or web application
• What does web development involve?

  Building and maintaining websites or applications
• What technologies are used in web development?

  HTML, CSS, JavaScript, and HTTP
• What is the client-server model?

  A distributed application architecture dividing workloads

  
• What does a client do in the client-server model?

  Requests data via the internet

  
• What is the role of a server in the client-server model?

  Processes requests and returns data packets
• What is HTTP?

  One of the most common protocols on the net
• Why is HTTP important for web applications?

  Connects network and application development groups
• What does web technology include?

  Tools and systems for websites and web apps
• What was the web primarily based on before CSS?

  Text-based with limited styling options
• Who developed CSS independently?

  Hakon Wium Lie and Bert Bos
• When was the first version of CSS released?

  1996
• What basic features did CSS1 introduce?

  Text formatting, font properties, layout control
• What significant features were added in CSS2 and CSS3?

  Positioning, visual effects, media type support
• What powerful features does modern CSS include?

  Flexbox, Grid, animations, preprocessors
• What are the main features of modern CSS?

  • Flexbox and Grid for complex layouts
  • Animations and Transitions for dynamic effects
  • Preprocessors like Sass and Less
  • Colors for background and text
  • Fonts for family, size, and style
  • Layout for arranging elements
  • Spacing for margins, padding, and borders
  • Effects for visual enhancements
• What do styles control in a website?

  The look and feel of a website
• What are CSS selectors used for?

  To target specific HTML elements
• What are the categories of CSS selectors?

  • Simple Selectors
  • Combinator Selectors
  • Pseudo-class Selectors
  • Pseudo-elements Selectors
  • Attribute Selectors
• What do simple selectors select based on?

  Name, id, class
• What do combinator selectors select based on?

  A specific relationship between elements
• What do pseudo-class selectors select based on?

  A certain state of elements
• What do pseudo-elements selectors select?

  A part of an element
• What do attribute selectors select based on?

  An attribute or attribute value
• What are the components of CSS selectors?

  • Class Selectors
  • ID Selectors
  • Element Selectors
  • Grouping Selectors
  • Universal Selectors
• What does website layout refer to?

  The division of content within a webpage
• What techniques can be used for website layout?

  Flexbox and CSS grid
• What foundational concepts does CSS layout use?

  The box model and positioning
• What is the box model in CSS?

  Each element is a rectangular box
• What are the positioning options in CSS?

  • Static: Default positioning
  • Relative: Adjusts position slightly
  • Absolute: Positions relative to parent
  • Fixed: Stays in place when scrolling
  • Sticky: Mix of relative and fixed
• What is the header in a webpage?

  Top section with website name and logo
• What is the navigation menu?

  A collection of useful links
• What are content sections in a webpage?

  Sections where content is displayed
• What is the footer in a webpage?

  Bottom section with contact information
• What is CSS responsive design?

  • Adapts to various screen sizes
  • Optimizes user experience
• What is the mobile-first approach in responsive design?

  Start with mobile version, scale up
• Why is mobile-first design important?

  Mobile sites are more complex to expand
• What does the viewport meta tag do?

  Adjusts layout for different devices
• How do you create a responsive image in CSS?

  Use width: 100% for auto-scaling
• How do you adjust text size responsively?

  Use vw for viewport-width