CASECANDING STYLE SHEET

Leave a comment

November 12, 2012 by evo3cx

Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.

Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file), Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML

CSS biasanya di temple pada halaman html, css sangat pennting untuk pengaturan,design,warna pada sebuah web agar terlihat menarik.

Ada 2 cara untuk mengintergrasikan css pada sebuah layout HTML, pertama dengan cara external melalui file terpisah yg khusus untuk CSS dan yg kedua dengan cara internal, yaitu menaruhnya di bagian <head> pada html, di bawah ini adalah cara bagaimana mengitergrasikan css pada html

  1. Internal
<html>
<head>
<title> test CSS </title>
<style type=”text/css”>
Body{
Background: #000000;
Color: #fff;
}
.container{
Background: #fff;
Margin: 0 auto;
Width: 960px;
}
</style>
</head>
<body>
Pada bagian background hitam
<div class=”container”>
Bagian gackgroun putih
</div>
</body>
</html>

Pada bagian ini kita bisa lihat bahwa style di panggil pada halam yg sama dengan html

2.External

<html>
<head>
<link rel=”stylesheet” href=”style.css” />
</head>
<body>
Pada bagian background hitam
<div class=”container”>
Bagian gackgroun putih
</div>
</body>
</html>

Lihat perdaannya di bagian ini kita membuat 2 file yg 1 file untuk html dan yg laen untuk css

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s

Gunadarma Logo

Categories

About Me

Reza Aditya Saputra 3ka07

visitor stats


%d bloggers like this: