Answer:- CSS3 has brought about a lot of changes, making the overall framework more user-friendly and powerful. Some of the features that were added and are very popularly used now are: • Rounded corners • Animation • Custom layout • Media queries

Answer:- Responsive Web Design is a concept that is used to create web pages that can scale across multiple resolutions without any loss of information or screen tearing. It automatically adjusts the structure of the web page based on the device it is viewed on to provide optimal viewing experience.

Answer:- There are three main types of CSS present: • Inline CSS: Supports the addition of CSS inline, alongside HTML elements • External CSS: Used to import an external CSS file to the HTML document • Embedded CSS: Used to add CSS styles by making use of the < style> attribute

Answer:- A CSS selector is used with a rule in the inline elements, which require styling. With the help of selectors, it is easy to find and select HTML elements based on factors, such as name, ID, attribute, etc.

Answer:- The ID selector is used in CSS to point to a target element for usage.

Answer:- Grouping is used in CSS3 to give users the ability to reuse and apply the same CSS style element to multiple HTML entities, using just one single declaration statement. A simple example of grouping is as shown below: #grouped g, ul { padding-top: 20px; margin: 1; }

Answer:- Class selectors in CSS begin with a “.” (period) key and are followed by the name of the class. It is used to select a statement and modify the style of that element in the corresponding part of the HTML tag.

Answer:- Webkit is an important software component in CSS that allows for the easy rendering of HTML and CSS elements in a variety of browsers, such as Chrome, Firefox, and Safari. There are many engines for browsers such as: • Gecko for Mozilla • Presto for Opera • Edge for Internet Explorer

Answer:- Child selectors are primarily used in CSS to look up the ‘child’ component of an element in CSS. Consider an example where the < ul> tag is used in a paragraph. Then, the ul tag becomes a child of the paragraph element.

Answer:- CSS3 has the property that allows elements to be created with nice-looking rounded corners. This can easily be applied to all four sides or as per requirement. The < border-radius> property has four attributes for four corners: • < border-top-left-radius> • < border-top-right-radius> • < border-bottom-left-radius> • < border-bottom-right-radius>

Answer:- Pagination is a simple sequence of pages on a website. These pages are interconnected and have similar content to display to the users. A simple example is the page selector on an e-commerce site that allows the users to browse through the products present on multiple pages rather than scrolling up and down on one single page.

Answer:- The CSS box model is used to represent an entity that encloses all of the HTML content into a box or a button element. There are four components: 1. Border: Denotes the padding and content around the border 2. Content: Refers to the actual content to be displayed 3. Margin: Refers to the top layer of the box element 4. Padding: Defines the empty space around the element

Answer:- Transitions in CSS3 are easy to use, and they provide users with rapid and efficient animation effects. The four main properties present in the transitions are: • transition-delay • transition-duration • transition-property • transition-timing-function

Answer:- Pseudo-classes are used as a popular technique in CSS to change the style of an element when this element changes its state. There are numerous examples of when you use a pseudo-class: • For the style change when the mouse moves over the element • For out-of-focus animations • For providing styles for external links