Why Should Use CSS?
Why Should Use CSS?
Lots of my friends who are allergic or lazy when I saw the results of my designs are "somewhat" good it using CSS. Yes, because in addition it has not been taught by our teacher, coding html CSS is also different from usual.
And if they know the benefits of CSS, they would feel addicted and will soon get used to using CSS.
Well, in this post I will explain, why do we (web developers) have or are advised to use CSS in design?
CSS, like sweeteners and garnish, if likened we will make a cake. Without the sweetener and decorations, the cake definitely looks less attractive. Same with any website, try imagining we design a website just by relying on standard HTML tags and casual. Apart from valid w3 does not pass; the display also looks less than the maximum. Try to compare it with CSS, which can enhance and beautify the look of the website only with syntax-syntax is simple.
The advantages of CSS itself what?
Can do what can not be done by ordinary HTML Tag
Highly efficient and optimal in terms of coding
Simple and elegant.
And many more advantages...
Are there any drawbacks?
Not all browsers have the same rules in terms of this CSS
Display in each browser is different, so it must be checked one by one in each browser. Especially IE!
And some other deficiencies involving the browser, IE ESPECIALLY
Okay, as an example is as follows.
That is the reason why we recommended using CSS in terms of design. The above examples are just a basic example of a CSS.
Creating rounded corners with CSS
Creating rounded corners with CSS
Few tips and tricks about CSS this time. On this occasion we will discuss the make rounded corner by using CSS.
Obviously this is helpful for programmers who like to make a design problem with the image processing software like Photoshop or Gimp when trouble creating rounded corners. And with css only we could make a rounded corner. The trick was fairly easy and efficient course.
For comparison with the not using CSS, for example in making the table:
<table width="100%" border="1">
<tr>
<td> test </ td>
<td> test </ td>
</ tr>
</ table>
Weather is a bit stiff, is not it? Well, what if we give a little spice css:)
<html>
<head>
<style type="text/css">
table {
border: 1px solid # 000000;
width: 100%;
border-radius: 15px;
text-align: center;
}
</ style>
</ head>
<body>
<table>
<tr>
<td> test </ td>
<td> test </ td>
</ tr>
</ table>
</ body>
</ html>
Let’s see the difference? Look neater is not it?
For the border radius can be adjusted to your taste. This script has been tested in opera and Firefox. But it can also border-radius should be like this:
border-radius: 15px 15px 10px 10px;
Actually there's more we can do with a rounded corner CSS in changing this. But I think this is enough to be studied.
Hopefully, this tutorial is useful for those of you who are just learning CSS.
Incoming search terms:
- make rounded borders photoshop
- rounded images css
- joomla css rounded corner
Twitter
Youtube
Digg
Delicious
StumbleUpon
Facebook