Question:- What is the difference between inline, embedded and external style sheets?
Answer:- - Inline: Inline Style Sheet is used to style only a small piece of code. - Embedded: Embedded style sheets are put between the head tags. - External: This is used to apply the style to all the pages within your website by changing just one style sheet.
Question:- What is RWD?
Answer:- RWD stands for Responsive Web Design. This technique is used to display the designed page perfectly on every screen size and device, for example, mobile, tablet, desktop and laptop. You dont need to create a different page for each device.
Question:- What are the benefits of CSS sprites?
Answer:- If a web page has a large number of images that take a longer time to load because each image separately sends out an HTTP request. The concept of CSS sprites is used to reduce the loading time for a web page because it combines the various small images into one image. It reduces the number of HTTP requests and hence the loading time.
Question:- What is the difference between logical tags and physical tags?
Answer:- - Physical tags are referred to as presentational markup while logical tags are useless for appearances. - Physical tags are newer versions, on the other hand, logical tags are old and concentrate on content.
Question:- What is the CSS Box model and what are its elements?
Answer:- The CSS box model is used to define the design and layout of elements of CSS. The elements are: - Margin - It removes the area around the border. It is transparent. - Border - It represents the area around the padding - Padding - It removes the area around the content. It is transparent. - Content - It represents the content like text, images, etc.
Question:- What is the float property of CSS?
Answer:- The CSS float property is used to move the image to the right or left along with the texts to be wrapped around it. It doesnt change the property of the elements used before it.
Question:- How to restore the default property value using CSS?
Answer:- In short, there is no easy way to restore to default values to whatever a browser uses. The closest option is to use the initial property value, which restores the default CSS values, rather than the browsers default styles.
Question:- What is the purpose of the z-index and how is it used?
Answer:- The z-index helps to specify the stack order of positioned elements that may overlap one another. The z-index default value is zero and can take on either a positive or negative number. An element with a higher z-index is always stacked above than a lower index. Z-Index can take the following values: - Auto: Sets the stack order equal to its parents. - Number: Orders the stack order. - Initial: Sets this property to its default value (0). - Inherit: Inherits this property from its parent element.
Question:- Explain the difference between visibility: hidden and display: none?
Answer:- visibility: hidden hides the element, but it occupies space and affects the layout of the document.
Question:- What do you understand by W3C?
Answer:- W3C stands for World Wide Web Consortium. Its purpose is to deliver the information of the World Wide Web. It also develops rules and guidelines for the Web.
Question:- What is tweening?
Answer:- It is the process of generating intermediate frames between two images. It gives the impression that the first image has smoothly evolved into the second one. It is an important method used in all types of animations. In CSS3, Transforms (matrix, translate, rotate, scale) module can be used to achieve tweening.
Question:- What is the difference between CSS2 and CSS3?
Answer:- The main difference between CSS2 and CSS3 is that CSS3 is divided into different sections which are also known as modules. Unlike CSS2, CSS3 modules are supported by many browsers.
Question:- What are the features of React?
Answer:- React framework gaining quick popularity as the best framework among web developers. The main features of React are: - JSX - Components - One-way Data Binding - Virtual DOM - Simplicity - Performance
Question:- What are the biggest limitations of React?
Answer:- Following is the list of the biggest limitations of React: - React is just a library. It is not a complete framework. - It has a huge library which takes time to understand. - It may be difficult for the new programmers to understand and code. - React uses inline templating and JSX, which may be difficult and act as a barrier. It also makes the coding complex.
