how can make a css which is suported by every browser

Posted by Nehaverma under CSS 3 on 1/31/2013 | Points: 10 | Views : 1263 | Status : [Member] | Replies : 3
hello every body
i m new in this site and i m in learning position so pls help me
how can make a css which is suported by every browser
and fit in evry resolustion
any body help me

neha


Responses

Posted by: Umar on: 1/31/2013 [Member] Starter | Points: 25

Up
0
Down
Hi Nehaverma,

To understand the CSS You must very clear about point system and how the elements get inherited when point system come into the picture
see this link

http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-understanding-css-specificity/ http://css-tricks.com/specifics-on-css-specificity/

Main thing you must very clear in position
see the above link you will get some clarity about what is CSS

Regards,

Umar Deen

Nehaverma, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Purvi on: 7/8/2019 [Member] Starter | Points: 25

Up
0
Down
vendor prefixes are a way for your browser to support new CSS features before they become fully supported in all browsers.


When CSS3 became popular, all sorts of new features started appearing. Unfortunately, not all of them were supported across all browsers. Vendor prefixes helped developers use those new features, and have them supported instantly without having to wait for each of them to become available for every browser.



Major browsers use the following prefixes:

1. webkit- Chrome, Safari, newer versions of Opera, almost all iOS browsers,
2. moz- Firefox,
3. -o- Old versions of Opera,
4. -ms- Microsoft Edge and Internet Explorer.

When using vendor prefixes, keep in mind that they are only temporary. A lot of properties that needed to have vendor prefixes attached to them are now fully supported and don’t need them.



How Should You Use Them?

You can easily use vendor prefixes, simply by adding them before the property, like this:

.element {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
}


Nehaverma, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Parth123 on: 8/5/2019 [Member] Starter | Points: 25

Up
0
Down
.elementClass {
-moz-border-radius: 2em;
-ms-border-radius: 2em;
-o-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;
}

ASP.NET Software development companies
[url]https://www.ifourtechnolab.com/[/url]

Nehaverma, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response