# Most important concepts to understand in HTML and CSS

If you are a HTML developer or just have starting learning it from any [HTML5 & CSS3 training institute in Delhi](https://www.admecindia.co.in/course/best-html-css-master-course/) then knowing about the important concepts of HTML and CSS are really helpful for you. So, through this blog, we will try to understand those concepts one by one.
Let’s start from CSS cascading.
CSS cascading
The css overflow is one of the main perception in css. The fountain just implies that the request for the style definitions matter with regards to how they are applied to a component on the page. The principal definition generally balances everything else, and any definitions that follow will abrogate any any recently characterized styles.
For this reason it is vital to constantly characterize your css aligned correctly, to utilize the most potential explicit selector. And if you don’t want, than you’ll get unwanted conclusions.
The best practice to understand the CSS cascading is to start learning the basics first from scratch and joining [web design course in Delhi](https://www.admecindia.co.in/course/most-advanced-web-design-development-master-plus-course/) is the best one.
Inheritance
If we talk about inheritance, we can relate it to the real life example as we children obtain the behaviour same goes with css assets are approved from parent to child through inheritance. If property of an element does not satisfied, it will receive the value from its parents.

Inheritance is a perfect method for saving time and keep your code coordinated, as you just have to indicate. The properties that are remarkable to every component. The properties that are acquired will naturally be applied to all kid components.

Get to know the major techniques of inheritance with at a [web design and development institute in Delhi](https://www.admecindia.co.in/course/advanced-web-design-development-master-course/).

Specificity
When two styles have same weight, specificity determines which one take superiority. Collection of selectors in the declaration of style and the weight of every selector, standardize the specificity of a style. Instead of paying attention to the order in which they are written, selectors with the maximum specificity will always take superiority.

Learn more about selectors with [web design courses in Delhi](https://www.admecindia.co.in/courses/web-design-courses-delhi/) which are not only going to help you in understanding the selectors but also going to take to the next of CSS and HTML.

Box Model
Representation of Html elements as boxes is known as Box Model. It tells that how the content of an element is located and sized, along with the space around it. The Box model has six properties: Width, height, padding, border, margin and content. Want to know more about them then it is required to learn them from an expert at the [best institute for web designing in Delhi](https://www.admecindia.co.in/course/best-web-designing-premium-course/).

Margin, Padding and border
Let’s understand these three terms one by one. Starting from margin. It defines the overall space elements. The Unit of margin values can be specified in Pixels (px), Ems (em), or Percentage (%). The value of margin can be given from all sides like margin-left, margin-right, margin-top, margin-bottom.

CSS padding is nothing but a solution for putting space between an element’s content and their border. This can be helpful for confirming that there should be equal space between text and an element. In case of padding, it can also be given from all sides like, padding-left, padding-right, padding-top, padding-bottom.

The line that seems around Html elements are known as border. They must be used to mount an element or to draw border. In css there are few types of border like solid, dashed, dotted, double and etc. Every type comprises its own set of customizable properties.

This concept is the most basic one to know and you can understand it in more detail while learning at [web development institute in Rohini](https://www.admecindia.co.in/course/best-web-development-master-course/).

Display
The purpose of display property is to determine that how it appears on the screen. Display options contains six properties. And individually of them can be implemented to any Html element.

Here is a quick view of these six properties—Block, inline, list-item, table, inline-bloc and none. Each options of them has a separate effect and will guide you in styling of website appropriately.

For every interested learner, it is important to learn every basics and these are the one to know first in HTML and CSS. These basics will help you in understanding the website designing even if you are planning for back-end and have started training under [web development courses in Delhi](https://www.admecindia.co.in/courses/web-development-courses-delhi/) from a reputed training institution.