10 questions relating to CSS in terms of exponence
Answers
Answer:
Q #1) What is CSS?
Answer: CSS outline the style of an HTML webpage, it is a language by which we can set the behavior of an HTML webpage. It describes how the HTML content will be shown on screen.
CSS controls the layout of several HTML web pages. CSS is referred to as the Cascading Style Sheet.
Q #2) Name all the modules which are used in the current version of CSS.
Answer: There are several modules in CSS as stated below:
Selectors
Box Model
Backgrounds and Borders
Text Effects
2D/3D Transformations
Animations
Multiple Column Layout
User Interface.
Q #3) Distinguish between CSS2 and CSS3.
Answer:
There are several differences between CSS2 and CSS3.
CSS3 is divided into two various sections which are called a module. Whereas in CSS2 everything accedes into a single document with all the information in it.
CSS3 modules are supported almost on every browser and on the other hand modules of CSS and CSS2 are not supported in every browser.
In CSS3 we will find that many graphics related characteristics have been introduced like “Border-radius or box-shadow, flexbox.
In CSS3, a user can precise multiple background images on a webpage by using properties like background-image, background-position, and background-repeat styles.
Q #4) Cite different types of CSS.
Answer: There are three types of CSS as mentioned below.
External – These are written in separate files.
Internal – These are cited at the top of the web page code document.
Inline – These are written right next to the text.
Q #5) Why is the external style sheet useful?
Answer: External style sheet is very useful as we write all the styling codes in a single file and it can be used anywhere by just referencing the link of that external style sheet file.
So if we do any changes in that external file, then the changes can also be observed on the webpage. So we can say that it is very useful and it makes your work easy while working on larger files.
Q #6) What are the uses of an embedded style sheet?
Answer: Embedded style sheet gives us the privilege to define styles in one place in an HTML document.
We can generate multiple classes using an embedded style sheet to use on multiple tag types of a web page and also there is no extra downloading required for importing the information.
Example:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p {
font-family: georgia, serif;
font-size: x-large;
color:#ff9900;
}
a:hover {
color: LimeGreen;
text-decoration: none;
}
</style>
</head>
<body>
<p>Embedded style sheet gives us the privilege to define styles at one place in a HTML document.
We can generate multiple classes using embedded style sheet to use on multiple tag types a web page
and also there is no extra downloading required importing the information.
</p>
</body>
</html>
embedded
Q #7) How to use CSS selector?
Answer: By using the CSS selector, we can choose the content which we want to style so that we can say that it is a bridge between the style sheet and the HTML files.
The syntax for CSS selector is “select” HTML elements created on their id, class, type, etc.
Q #8) Explain the concept of Tweening.
Answer: Tweening is the process in which we create intermediate frames between two images to get the appearance of the first image which develops into the second image.
It is mainly used for creating animation.
Q #9) Define CSS image scripts.
Answer: CSS image scripts are a group of images that are placed into one image.
It reduces the load time and request number to the server while projecting multiple images into a single web page.
Q #10) Explain the term Responsive web design.
Answer: It is a method in which we design and develop a web page according to the user activities and conditions which are based on various components like the size of the screen, portability of the web page on the different devices, etc.
Hence it is done by using different flexible layouts and grids