Cara membuat stylesheet CSS sederhana menggunakan Notepad

Video: Tutorial Membuat Tampilan Website dengan HTML dan CSS Menggunakan Notepad++

Isi

Langkah
Tips
Hal yang Anda Butuhkan

Notepad adalah salah satu editor teks yang dapat digunakan untuk membuat dokumen Cascading Style Sheet (CSS). Setelah membuat file CSS di Notepad, Anda dapat menautkan file tersebut ke halaman web sehingga konten halaman web dapat diformat dengan stylesheet Anda.

Langkah

1 Buka program Notepad.
2Salin kode berikut:

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

# Tempel kode dari "Langkah 2" ke Notepad.

1 Simpan file di Notepad. Simpan dengan nama "SimpleCSS.css" dengan mengklik tombol "File" dan memilih perintah "Simpan". Setelah mengklik tombol "Simpan", kotak dialog "Simpan Sebagai" akan ditampilkan.
2 Beri nama file CSS Anda. Masukkan "SimpleCSS.css" atau nama apa pun di kotak teks "Nama File" dengan ekstensi ".css".
3 Klik tombol "Simpan".
4 Hal ini dilakukan!

Tips

Simpan file Notepad sebagai Teks Saja (kadang-kadang Anda mungkin menyebutnya Dokumen Teks atau ASCII) dan beri ekstensi ".css".
Kode yang kami tulis di sini hanyalah sebuah contoh untuk menunjukkan kepada Anda cara membuat file CSS dasar menggunakan Notepad untuk memanipulasi elemen HTML-nya di halaman web sampel kami yang ditampilkan di bagian Pendahuluan. Anda dapat mengubah pengkodean CSS kami, bagaimanapun, bagaimana Anda ingin memformat gaya dan tampilan halaman web.
Ingatlah untuk menempatkan dokumen CSS yang disimpan di folder yang sama dengan dokumen HTML tempat Anda membuat halaman web.
Setelah Anda membuat dokumen CSS, Anda mungkin perlu mengambil langkah berikutnya; yaitu, menautkan dokumen dan halaman web. Silakan lihat artikel terkait untuk melakukan ini.