Post by account_disabled on Dec 1, 2023 21:00:30 GMT -7
Hello, this time I came across an interesting article on the A List Apart website. But when I read it, I found the article difficult to understand. (If you scroll down quickly, you'll get a bit confused by the letters. Try it.) I saw that it would be very useful for web designers, so I decided to recompile it for everyone to read. What does this article have? Show CSS3 problems in IE6 There are a lot of cool techniques using CSS3 coming out these days. (Whoever is interested in learning CSS3 can go read our CSS teaching article.) As many people probably know, CSS3 will not display in famous web browsers like Internet Explorer 6-7, thus causing problems for web designers. I'm afraid I don't want to use CSS3 because it doesn't display in all browsers. Especially in Thailand where the ratio of people using Internet Explorer is shockingly high.
If you are someone who still doesn't know what CSS3 can do. You might think that if you don't Phone Number List use CSS3, that's okay. Try stopping by to look at the list of CSS3 capabilities, complete with examples and code, before you can use it. You'll see that its various capabilities make web designers even more eager to use it. For solving the above problem I'll just go read it at once. Now let's look at another problem of web designers. Problems validating CSS family -moz- or -webkit Being able to Validate CSS, for a web designer like us, is considered a profit in life. It is a demonstration of skill that we have written code correctly according to standards. For anyone who doesn't know what it is, go read what Validate CSS is . The problem that arises is if anyone likes to use browser-specific CSS.
For example, the -moz- family or the -webkit- family will cause the Validate CSS to not pass. (Whoever has read our CSS3 teaching article will see that these CSS are also used.) Let's look at an example code with -moz- and -webkit- first. If we want to make rounded edges on the website with CSS , we normally write like this. somebox { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } The first line of border-radius belongs to CSS3, meaning that this line will be Validated, but the problem is that it won't show the rounded border in Firefox and browsers that use Webkit, so we have to put -moz-border-radius with -webkit-border-radius in the next line as well This one will show rounded edges in Firefox and browsers that use Webkit, but these two lines will cause Validate to not pass.
If you are someone who still doesn't know what CSS3 can do. You might think that if you don't Phone Number List use CSS3, that's okay. Try stopping by to look at the list of CSS3 capabilities, complete with examples and code, before you can use it. You'll see that its various capabilities make web designers even more eager to use it. For solving the above problem I'll just go read it at once. Now let's look at another problem of web designers. Problems validating CSS family -moz- or -webkit Being able to Validate CSS, for a web designer like us, is considered a profit in life. It is a demonstration of skill that we have written code correctly according to standards. For anyone who doesn't know what it is, go read what Validate CSS is . The problem that arises is if anyone likes to use browser-specific CSS.
For example, the -moz- family or the -webkit- family will cause the Validate CSS to not pass. (Whoever has read our CSS3 teaching article will see that these CSS are also used.) Let's look at an example code with -moz- and -webkit- first. If we want to make rounded edges on the website with CSS , we normally write like this. somebox { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } The first line of border-radius belongs to CSS3, meaning that this line will be Validated, but the problem is that it won't show the rounded border in Firefox and browsers that use Webkit, so we have to put -moz-border-radius with -webkit-border-radius in the next line as well This one will show rounded edges in Firefox and browsers that use Webkit, but these two lines will cause Validate to not pass.