Menerapkan style pada file CSS

 on Sabtu, 21 Mei 2016  

External Style Shee
CSS didefinisikan secara terpisah pada file yang berbeda. Dan selanjutnya file atau halaman web yang ingin menerapkan style pada file CSS tersebut tinggal memanggil file CSS tersebut. Cara ini umumnya digunakan pada satu aplikasi berbasis web sehingga tampilan antar halaman akan terlihat konsisten

<input type="submit" value="Login" class="btn"
onClick=parent.location="Home_Iframe.htm" />

File yang berisi style CSS disimpan dalam format *.css. Dari gambar diatas dapat dilihat file CSS ditempatkan dalam satu folder yang sama dengan file HTML. Contoh penulisan file.css

input.btn
{color: #fff;
background: #ffa20f;
border: 2px outset #BBD16D;
font-family: "calibri", Times, serif;
font-size: 14px;
font-weight: bold;
width : auto;}

Kemudian listing kode diatas disimpan dengan nama style.css dan untuk
selanjutkan akan dipanggil pada file html seperti pada contoh berikut :

<html>
<head>
<title>Sistem Informasi WidyaIswara</title>
<style type="text/css">
</style>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table>
<tr>
<td><form >
<p><label for="nama">Username</label>
<input type="text" id="nama" />
</p>
<p>
<label for="KTP">Password</label>
<input type="text" id="KTP" />
</p>
<p>
<input type="submit" value="Login" class="btn"

Bila listing kode diatas dijalankan maka akan menghasilkan tampilan seperti berikut

Pada bagian head terdapat perintah pemanggilan file “style.css” seperti pada listing kode berikut :
<style type="text/css">
</style>
<link href="style.css" rel="stylesheet" type="text/css">
Menerapkan style pada file CSS 4.5 5 b Sabtu, 21 Mei 2016 External Style Shee CSS didefinisikan secara terpisah pada file yang berbeda. Dan selanjutnya file atau halaman web yang ingin menerapkan s...


Tidak ada komentar:

Posting Komentar

Diberdayakan oleh Blogger.