Scribd
Unggah
14 tayangan11 halaman

Pengenalan CSS

CSS digunakan untuk memformat tampilan halaman web yang dibuat dengan HTML dan XHTML, dan terdiri dari deklarasi dan blok pengaturan. Terdapat tiga cara mengaplikasikan CSS yaitu inline, internal, dan eksternal.

Diunggah oleh

tri novan
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PPTX, PDF, TXT atau baca online di Scribd
14 tayangan11 halaman

Pengenalan CSS

CSS digunakan untuk memformat tampilan halaman web yang dibuat dengan HTML dan XHTML, dan terdiri dari deklarasi dan blok pengaturan. Terdapat tiga cara mengaplikasikan CSS yaitu inline, internal, dan eksternal.

Diunggah oleh

tri novan
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PPTX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 11

CSS

PENGERTIAN
• CSS = Cascading Style Sheets
• CSS = salah satu bahasa pemrograman web untuk
mengendalikan beberapa komponen dalam sebuah
web sehingga akan lebih terstruktur dan seragam.
• CSS dipakai untuk memformat tampilan halaman web
yang dibuat dengan bahasa HTML dan XHTML.
• CSS adalah bahasa style sheet yang digunakan untuk
mengatur tampilan dokumen.
SYNTAX CSS
• Terdiri atas 2 blok penulisan :

1. Declaration = elemen yang akan diubah


2. Selector block = pendeklarasian yang ditandai
dengan tanda “{“ dan “}”. Selector block terdiri
dari property dan value (nilai)
PENGERTIAN
• Tiga cara dalam mengaplikasikan CSS :

1. Inline Sytle CSS


2. Internal Style CSS
3. External Style CSS
INLINE STYLE CSS
• Inline CSS = penulisan secara langsung dalam tag
HTML
• Metode ini biasa digunakan hanya untuk elemen ter-
tentu
• Metode ini sangat tidak disarankan karena akan
membuat tag pada HTML akan penuh dengan at-
tribute HTML dan membuat ukuran file pada HTML
akan bertambah besar.
INLINE STYLE CSS (Contoh)
<html>
<body>
<h1 style="color:blue;margin-left:30px;">This is a
heading</h1>
<p>Ini adalah paragraph</p>
</body>
</html>
INTERNAL STYLE CSS
• Internal CSS = Kode CSS diletakkan di dalam bagian
<head> </head> pada halaman.
• Internal CSS juga dikenal dengan sebutan Embeded
CSS.
• Kode dari CSS dan tag HTML terpisah namun tetap
dalam satu halaman HTML, sehingga lebih rapi dan
mudah dalam mengaturnya.
INTERNAL STYLE CSS
CONTOH
EXTERNAL STYLE CSS
• External CSS = Kode CSS terpisah dengan tag HTML
dengan memberikan ekstensi .css untuk nama
filenya.
• Untuk menggunakan file tersebut pada HTML, tinggal
memanggil file CSS tersebut pada HTML dengan
menggunakan tag <link></link>.
EXTERNAL STYLE CSS (Contoh)
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<h1>INI JUDUL</h1>
<p>INI PARAGRAF</p>

</body>
</html>
EXTERNAL STYLE CSS (Contoh CSS)
body {
background-color: lightblue;
}

h1 {
color: navy;
margin-left: 20px;
}

Anda mungkin juga menyukai