CSS & CSS3 : MCQs & PYQs with Explanation

Option B

The CSS transition property allows you to add smooth effects when changing from one style to another without using flash animations or JavaScript. Transitions enhance user experience by providing visually appealing animations with minimal effort and without complex scripting.

It provides control over the duration, timing function, and delay of the change, enabling smooth gradual changes, such as fading colors, resizing elements, or moving components when a user interacts with a page.

button {
  background-color: yellow;
  transition: background-color 1s ease;
}
button:hover {
  background-color: green;
}

In this example, when the user hovers over the button, the background color smoothly changes from yellow to green in 1 seconds.

Option D

CSS (Cascading Style Sheets) is used to control the presentation and layout of HTML documents. It separates content (HTML) from design (CSS), making web pages easier to manage and maintain.

CSS can be applied in three ways:
1. Inline CSS.
2. Internal CSS.
3. External CSS.
The term “Cascading” means:

• Styles are applied based on priority rules.
• Inline > Internal > External.

Option D

In web development, using a separate CSS (Cascading Style Sheets) file helps in maintaining better structure and efficiency. It separates the design (CSS) from the content (HTML), which makes the code cleaner and easier to manage.
A separate CSS file allows developers to modify styles in one place, making content management easier.
It also helps in creating responsive designs for different devices like mobiles and tablets. 
Additionally, CSS files are cached by the browser, which reduces server load and improves page loading speed.