What is the difference between height and line-height?
Height is the vertical measurement of the container, for example, height of a div. Line-height is a CSS property to specify the line height i.e. the distance from the top…
Block and Inline Elements
HTML Elements are classified as Block Level and Inline Level elements on the basics of their display. Some elements display as blocks and some are inline. Block Vs Inline level Elements <p> <div> <h1> < h2>…
What are different types of Selectors in CSS?
One of the complicated parts of CSS declarations is coming with proper selectors we want to apply the style for. Understanding how these selectors work is a great first step…
CSS Box model
In CSS, the term "box model" is used when talking about design and layout. The CSS box model is essentially a box that wraps around every HTML element. It consists…
The Difference Between Pseudo-classes and Pseudo-elements of CSS Properties
CSS Pseudo-classes are used to add special effects to some selectors. CSS Pseudo-elements are used to add special effects to specific selectors. Two points can be made clear, the first…
Very Important topics in HTML and CSS.
HTML5 Web Storage, also known as DOM Storage is a way to preserve state on either the client or server which makes it much easier to work against the stateless nature of HTTP. It…
What is Difference between CSS Grid and Bootstrap ?
What is CSS Grid? CSS Grid is a two-dimensional grid system used to work on the layout of UI elements and segments of a webpage. The Grid comprises horizontal and…
CSS Top Interview Questions and Answers.
CSS or Cascading Style Sheets is a design language for defining the look and formatting of web pages. Many businesses today use CSS to add styling such as fonts, colors,…
What is inherit property in css ?
The inherit CSS keyword causes the element to take the computed value of the property from its parent element. It can be applied to any CSS property, including the CSS shorthand…
What is HTML Semantic Elements ?
Semantic elements = elements with a meaning. A semantic element clearly describes its meaning to both the browser and the developer. <article> <aside> <details> <figcaption> <figure> <footer> <header> <main> <mark>…