TCS iON Web Developer Interview Questions and Answers

The viewport is the visible area of a web page displayed on a device's screen.

• It determines the layout and dimensions of the content on the screen.

• It can be adjusted using meta tags in the HTML head section.

• It is important for responsive design and mobile optimization.

• It can be simulated in web development tools like Chrome DevTools.

Inline elements are displayed inline with text while block elements take up the full width available.

• Inline elements do not start on a new line

• Block elements start on a new line and take up the full width available

• Inline elements can have padding and margin applied horizontally but not vertically

• Block elements can have padding and margin applied in all directions

• Examples of inline elements include and , while examples

display inline is used for inline elements while display block is used for block-level elements.

• display inline elements are placed next to each other horizontally

• display block elements take up the entire width of their container

• display inline-block elements are placed next to each other horizontally and can have a width and height set

Pseudo-classes are used in CSS to select and style elements based on their state or position in the document.

• Pseudo-classes start with a colon (:)

• Common pseudo-classes include :hover, :active, :focus, :first-child, :last-child

• Pseudo-classes can be combined with selectors to target specific elements

• Pseudo-classes can also be used to style links based on their state