Download

Minggu, 19 April 2015

Membuat External File CSS



Pada kesempatan kali ini saya akan menjelaskan tentang bagaimana membuat kode css dengan extensi css yang ingin kita panggil dengan file berektensi html/php. Perlu kita ketahui dalam pembuatan design atau tata letak pada website untuk mempercantiknya kita pasti menggunakan css, nah dalam penggunaan nya itu terdapat 3 cara, perhatikan :

1.  Dengan menggunakan tag <style>..…</style> pada 1 file html/php. Contoh :
<style>
.header{
Height: 760px;
Width: 1024px;
}
</style>

2. Dengan menambahkan selector style=”” contohnya:
<button style=”padding:10px;”></button>

3. Yang ke-tiga adalah yang akan kita bahas sekarang yaitu menggunakan external file css atau memanggil external css yang telah ada. trus sekarang kita bikin external file css nya terlebih dahulu

Body{
Background : black;
Margin: 0;
Font-family: Tahoma;
}

Simpan file tersebut dengan nama external.css
Lalu kita buat 1 file lagi dengan nama index.html, lalu isikan kode berikut
<!DOCTYPE HTML>
<html>
<head>  
<title>Membuat External File CSS</title>
 <link hrefexternal.css" rel="stylesheet" type="text/css" />       
</head>
<body>
Ini halaman setelah memasukan file external css
</body>

*ini gambar setelah ditambahkan file external css



Membuat External File CSS

Tidak ada komentar:

Posting Komentar