Pengertian CSS Iman Maulana Website - konsultan web developer

Sabtu, 19 Mei 2012

Link Business Website

Link Undang - Undang ITE

Link Free Download

Links Website

Siaran Langsung TVONE

Skype! Online Chat

CSS

Pengertian CSS

CSS atau Cascading Style Sheets adalah bahasa pemrograman untuk mengatur tampilan suatu website. CSS merupakan script yang telah embedded dengan HTML.
Manfaat dari CSS:

Kode HTML menjadi lebih sederhana dan lebih mudah diatur,
Ukuran file menjadi lebih kecil, sehingga load file lebih cepat,
Mudah untuk merubah tampilan, hanya dengan merubah file CSS saja,
Dapat berkolaborasi dengan JavaScript.
Digunakan dalam hampir semua web browser.

Atribut ID
Aturan penamaan ID:

Dapat mengandung huruf, angka, atau karakter garis bawah,
Karakter pertama harus berupa huruf atau karakter garis bawah,
Diawali dengan tanda #,
Jangan memberi nama id sama dengan value,
Jangan memberi nama id dengan tag html kemudian diikuti tanda #.

contoh :

<html>
<head>
<style type = "text/css">
#header {
width:900px;
height:50px;
border: 1px solid #640404;
}
#headerLeft {
width:400px;
background-color:#CCCCCC;
height:50px;
float:left;
text-align:center;
}
#headerRight {
width:450px;
background-color:#999999;
height:50px;
float:right;
text-align:center;
}
</style>
</head>
<body>
<h1>Sample</h1>
<div id = "header">
    <div id="headerLeft">Header Left</div>
    <div id="headerRight">Header Right</div>
</div>
</body>
</html>

Penempatan CSS dalam HTML

Internal CSS

Metode penulisan kode CSS langsung dalam file HTML. contoh:
<html>
<head>
<style type = "text/css">
.header {
width:900px;
height:50px;
border: 1px solid #640404;
}
.headerLeft {
width:400px;
background-color:#CCCCCC;
height:50px;
float:left;
text-align:center;
}
.headerRight {
width:450px;
background-color:#999999;
height:50px;
float:right;
text-align:center;
}
</style>
</head>
<body>

</body>
</html>
Eksternal CSS

file CSS terpisah dengan HTML. Buat file dengan ekstention .css. contoh:
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”public.css”/>
</head>
<body>

</body>
</html>
Inline CSS

Penulisan kode CSS dalam tag HTML. contoh:
<html>
<head>
</head>
<div style="background-color:#999999; text-align:center;">Inline CSS</div>
</body>
</html>

Share |

◄ Back ◄

car insurance, info@mc-informatik.de

14/05/2012 10:05:05

car insurance, kibe@vidc.org

14/05/2012 09:05:42

Amberlee, smooman@rcflood.org

12/05/2012 17:05:49

http://www.insurerservice.com/|nevada homeowners insurance quote 265 http://www.insuranceslife.net/|life insurance %[[

home insurance quote, info@cascpa.com

12/05/2012 11:05:20

american life insurance company, cshiji@gmail.com

12/05/2012 11:05:12

health insurance, ljoris@ippfen.org

22/04/2012 11:04:24

auto insurance quotes, mediane@mediane.it

15/04/2012 08:04:44

ÐÐ¾Ñ ÑÑÐ¾ Ð²ÑÑÐ°Ð²ÑÑÐµ Ð² Ð¿Ð°Ð¿ÐºÑ css:#page { -moz-background-clip: border; -moz-background-origin: padding; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: url(«»); background-position: center top; background-repeat: no-repeat;}

Gabriela, label114.com@hotmail.com

12/04/2012 14:04:38

/ I have built a blog and and i want to change the theme.Yours looks erptty decent! You could visit my website and tell me your opinion![]

Auriyan, info@phonesystemnorthwich.com

12/04/2012 01:04:29

Your post catpures the issue perfectly!

Caro, qzjqgg@163.com

10/04/2012 08:04:35

Stay inforamitve, San Diego, yeah boy!

ccagydte, awlcfy@vndodd.com

14/12/2011 23:12:51

tYVZyS , [url=http://fmsjvodwtztc.com/]fmsjvodwtztc[/url], [link=http://stxjjkzjsyxk.com/]stxjjkzjsyxk[/link], http://zxtcyhsovwal.com/