Belajar CSS Dasar : Cara Penulisan CSS

        CSS(Cascading Style Sheet) merupakan sebuah bahasa pemrograman web yang memiliki fungsi dan tujuan untuk mengatur atau mendesign tiap-tiap komponen dari HTML seperti elemen dan tag. dengan menggunakan CSS kita dapat mengatur ukuran, warna dan bentuk dari element HTML. Mengganti font, mengatur margin dan mengatur padding dan banyak lagi yang dapat di lakukan menggunakan CSS untuk mempercantik atau men-design halaman website.

        CSS menggunakan selector (id dan class) untuk menentukan element yang akan di modifikasi atau yang akan di beri sentuhan css. jika di ibaratkan HTML sebagai tiang pada sebuah bangunan rumah, maka CSS berfungsi sebagai cet dan dekorasi pada bangunan rumah tersebut. 

Ada tiga teknik metode penulisan CSS, yaitu : 

 Inline CSS Style 

 Internal CSS Style 

 External CSS Style 

    Ketiga teknik metode cara penulisan CSS(inline, internal, external) tersebut akan kita bahas dan pelajari pada tutorial ini.

Teknik penulisan CSS Inline Style

        Teknik penulisan syntax css dengan Inline style adalah teknik cara penulisan syntax CSS yang tidak memerlukan selector (id dan class). Sehingga syntax CSS di letakkan atau langsung di sisipkan pada element HTML. syntax CSS di letakkan di dalam atribut style=””. 

Contoh penulisan inline CSS style : 

        Contoh Belajar CSS Dasar Cara Penulisan CSS. Untuk membuat contoh penulisan CSS dengan gaya inline caranya sediakan sebuah file HTML atau PHP. di sini saya menggunakan HTML. saya membuat sebuah file dengan nama index.html.

         Perhatikan pada contoh di atas. syntax css di letakkan dalam element h1 menggunakan atribut style=””. Perintah color adalah perintah css yang berfungsi untuk mengatur warna font. jadi pada contoh inline css style ini kita membuat heading h1 dengan warna font yang kita atur menjadi warna biru (Blue).

dan saat di jalankan maka hasilnya sebagai berikut: