CSS Mobile tablet layout

Posted on Updated on

jhjhggCSS Mobile tablet layout

Mobile and tablet layout is the way to open the website in mobile and how it look its also call responsive layout. Today mostly every one have smart phone they can open the websites on mobile the layout or display website on the mobile is different because of the resolution of the product.every system have different display height. That’s why we are use the responsive layout with help of this user can easily open the site on the multimedia devices (tablet,mobile).

We can see the layout on the web-browser at the development time with help of web developer tools or with help of inspect element by press F12 or with right click.

Web developer tools:

Web developer tool is use for see the responsive layout of the website. It show the 5 layout of the website which are commonly compatible with every kind of devices.

For making website responsive we have to take care of something :

• Width must be in %.

• We should declare the width in max-width and min-width.

• Don’t use inline css.

• Don’t write same codessdssss

Defining style rules

Without further ado, let’s have a look at a CSS code example, and then dissect it:

selector {

The pertinent parts are as follows:

• The selector recognizes the HTML components that Current the rule will be applied to, identified by the actual element name, eg body, or by other means such as class attribute values — we’ll get on to these later.

• The curly braces contain the property/value sets, which are divided from each other by semi-colons; the properties are separated from their respective values by colons.

• The properties define what you want to do to the element(s) you have chosen. These come in extensive types, which can affect element element color, background color, position, margins, padding, font type, and many other things.

• The values are the values that you want to change each property of the chosen elements to the values are dependent on the property, for example properties that affect color can take hexadecimal colors, like #336699, RGB values like rgb(12,134,22) or color names like red, green or blue. Properties that affect position, margins, width, height etc can be measured in pixels, ems, percentages, centimeters or other such units.

Now let’s look at a specific example:

p {
margin: 5px;
font-family: Arial;
color: blue;

The HTML element this rule selects is — every in the HTML document(s) that use this CSS will have this rule applied to it, unless they have more specific rules also applied to them, in which case the more specific rule(s) will overwrite this rule. The properties affected by this rule are the margins around the paragraphs, the font of the text inside the paragraphs, and the color of that text. The margins are set at 5 pixels, the font is set as Arial, and the color of the text is set as blue.

We will come back to all of these specifics later — the main goal of this tutorial is to cover the basics of CSS and not the nitty-gritty details.

A whole set of these rules goes together to form a style sheet. This is the most primary syntax of CSS there is. There is more, but not much — probably the coolest thing about CSS is its simplicity.

For more details and queries please feel free to email, visit or call us. Wishing you the very best for all your future endeavors.

Helpline: 9814666333, 8699444666



Please fill the FORM and we shall contact you soon.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s