HASANONTA - Sperti yang kita ketahui dari Chapter 1, CSS berfungsi untuk mengatur warna, bentuk, ukuran, dan lain-lain dalam HTML. CSS sendiri menggunakan selector (id dan class) yang berfungsi untuk menentukan di element mana yang mau diberi sentuhan oleh CSS.
Jika diibaratkan sebuah mobil, HTML merupakan kerangka dari mobil tersebut, dan CSS sebagai warna dan bentuk dari mobil tersebut. Ada tga teknik metode penulisan CSS yaitu :
- Inline CSS Style
- Internal CSS Style
- External CSS Style
Ketiga metode berikut akan kita pelajari pada pelajaran kali ini.
Inline CSS Style
Inline style adalah teknik penulisan CSS yang tidak membutuhkan selector (id dan class). Sehingga syntax CSS ini langsung diletakkan di element yang ingin diberi CSS. Untuk membuat contoh penulisan CSS dengan gaya Inline sediakan satu html. lalu tambahkan syntax CSS disalahsatu element.
Contoh penulisan CSS Inline Style :
<!DOCTYPE html> <html> <head> <title>Penulisan CSS dengan Inline Style</title> </head> <body> <h1 style="color: red">Contoh Inline CSS <a href="http://www.hasanonta.ga">HasanOnta</a></h1> </body> </html>
Output dari code diatas adalah :
Internal CSS Style
Internal CSS Style adalah teknik penulisan CSS file CSS ditulis satu file ddengan file HTML atau PHP yang ingin de-desain dengan CSS tersebut.
Hello, my name is Jack Sparrow. I'm a 50 year old self-employed Pirate from the Caribbean. 
Tidak ada komentar:
Posting Komentar