Isi

• Langkah
• Tips
• Hal yang Anda Butuhkan

Notepad adalah salah satu editor teks yang dapat Anda gunakan untuk membuat dokumen CSS (Lembar bergaya susun - Lembar Gaya Bertingkat). Setelah membuat file CSS menggunakan Notepad, Anda dapat menautkan file tersebut ke halaman web Anda sehingga konten halaman diformat oleh style sheet Anda.

Langkah

1. 

   Buka Notepad.
2. Salin kode berikut:

@charset "utf-8"; / * Dokumen CSS * // * Setel warna konten * / body {background: # FFFFFF;} / * Bagian ini untuk link * / a: link {font -berat: normal; color: Navy} a: dikunjungi {font-weight: normal; color: Green;} a: hover {font-weight: bold; warna merah; font-variant: small-caps;} / * Bagian ini untuk bagian paragraf * / p {font-style: italic; font-size: 18px;} blue {color: # 0000FF;} / * Bagian ini untuk batas hitam gambar. * / img {border-color: # 000000; perbatasan: tebal; border-style: ridge;}

1. 

   
   
   Tempel kode dari "Langkah 2" ke Notepad.

2. 

   Simpan file Notepad. Simpan sebagai "SimplesCSS.css" dengan mengklik "File" dan memilih "Simpan". Dialog "Simpan Sebagai" akan ditampilkan setelah mengklik "Simpan".

3. 

   
   
   Beri nama file CSS Anda. Ketik "SimplesCSS.css" atau nama apa pun yang Anda inginkan di kotak teks "Nama file" dengan ekstensi ".css".

4. 

   
   
   Klik tombol "Simpan".

5. 

   Siap!

Tips

• Simpan file Notepad sebagai Text Only (terkadang bisa disebut Text Document atau ASCII) dan letakkan extension ".css".
• Kode yang saya tulis di sini hanyalah contoh untuk menunjukkan cara membuat file CSS dasar menggunakan Notepad untuk mengontrol elemen html apa pun di halaman web contoh yang ditunjukkan di bagian pendahuluan. Anda dapat mengubah kode CSS bagaimanapun Anda ingin memformat gaya dan tampilan halaman web Anda.
• Pastikan untuk menempatkan dokumen CSS yang Anda simpan di folder yang sama dengan dokumen html tempat Anda membuat halaman web.
• Setelah Anda selesai membuat dokumen CSS, Anda mungkin perlu melanjutkan ke langkah berikutnya; yaitu, tautkan dokumen Anda dengan halaman web. Silakan gunakan artikel terkait untuk melakukannya.

Hal yang Anda Butuhkan

• Komputer
• Program Notepad
• Browser internet