Menerapkan CSS ke HTML dan sebaliknya.

Seperti pada judul topik diatas, yaitu
Menerapkan CSS ke HTML dan sebaliknya
Ini sebenarnya tips sepele, tapi penting untuk diketahui karena penggunaan mudah, cepat dan simpel untuk mempercantik tampilan laman tertentu.

Bagian 1: sebagai contoh perhatikan sepotong CSS sebagai berikut:

<style>
.menu {background: #ededed; color:#333333; font-family: arial, Tahoma, Sans-serif; border-top: 1px solid #989898; padding: 3px; width: 100%; }
</style>

dan CCS diatas hanya bisa digunakan dengan kode panggil seperti dibawah ini

<div class="menu"> Isian Konten </div>

…＆…

Bagian 2 : Hasil CSS diatas

Ini adalah hasil dari contoh

Pada dasarnya, untuk menerapkan CSS ke HTML, kamu hanya perlu menggambil sebuah elemen pembuka dari HTML
Contoh <p> <div>
dan elemen pembuka dari CSS yaitu <style> dimana peran elemen <style> ini merupakan opsi.
Dan kedua elemen tersebut harus kamu kuasai.

Kembali membahas Bagian 1
Perhatikan bagian CSS yang yang berwarna hijau, CSS itulah yang akan kita terapkan pada HTML.

Misal kamu memilih elemen pembuka HTML yaitu
<p>
pada HTML elemen <p> kamu tinggal ambil elemen pembuka dari CSS yaitu <style> dan memadukan kedua elemen tersebut.

Perhatikan cara memadukan kedua elemen dan cara menaruh CSS yang berwarna hijau dibawah ini.

<p style="background: #dddddd; color:#000000; font-family: arial, Tahoma, Sans-serif; border-top: 1px solid #989898; text-align: left; padding: 3px; width: 100%;"> Ini adalah hasil dari contoh </p>

untuk melihat hasil gabungan 2 elemen kode diatas, silahkan lihat di Bagian 2

Salin disini
<p style="background: #dddddd; color:#000000; font-family: arial, Tahoma, Sans-serif; border-top: 1px solid #989898; padding: 3px; width: 100%;">Ini adalah hasil dari contoh </p>

Dan untuk mengembalikan ke CSS lagi, silahkan kembali simak pada Bagian 1
Dan Tinggal kamu kembangkan sendiri menurut inspirasimu.


Sekian Penjelasan dari saya, Jika kurang jelas dan ragu, jangan sungkan untuk ajukan pertanyaan di komentar, Terimakasih.

Cara mudah menemukan Tutorial Website lainnya, sangatlah mudah ditemukan melalui label Postingan. Belajar bersama. Arit Nuansa Pagi