0


Hai Sobat Gratis Lagi dot com kali ini saya akan membahas tentang Cara Mudah Memulai Belajar CSS Dasar. Apa fungsi sesungguhnya dari CSS dan kenapa untuk html kita menggunakan CSS .

Nah.. Anda akan menemukan jawabannya disini pada tutorial Cara Mudah Memulai Belajar CSS Dasar ini. Jadi fungsi daripada CSS ialah untuk mempercantik tampilan HTML dan membuat tampilan responsive  pada berbagai ukuran layar baik mobile maupun dekstop.

Di dalam Tutorial Cara Mudah Memulai Belajar CSS Dasar ini Ada 3 metode yang akan kita pelajari dalam membuat CSS.yaitu :
  1. Metode Inline Style
  2. Metode Internal Style Sheets
  3. Metode Eksternal Style Sheets
Metode diatas akan kita bahas di dalam tutorial ini yaitu Cara Mudah Memulai Belajar CSS Dasar satu-persatu metode di atas, agar kita semua dapat membedakan masing masing dari metode diatas.

1. Metode Inline Style

Yaitu metode penempatan css yang masih terdapat di dalam tag pembuka, jadi akan bersifat satu-persatu tidak global.contoh :

<html>

<head>

     <title>Gratis Lagi</title>

</head>

   <body>

      <h2 style="background-color:yellow; color:red" >

         Contoh Dari Metode Inline Style

      </h2>

   </body>

</html>


Output : 

 
Lihat Pada bagian Style diatas terdapat didalam tag pembuka h2 dimana jika jika kita memasukkan lagi tag h2 tanpa style tersebut maka style tersebut tidak akan berfungsi untuk h2 lainnya.
contoh lagi :

<html>

<head>

     <title>Gratis Lagi</title>

</head>

   <body>

      <h2 style="background-color:yellow; color:red" >

         Contoh Dari Metode Inline Style

      </h2>

     <h2>

         Contoh Tanpa Style

      </h2>

   </body>

</html>


Output : 


Dari contoh diatas h2 yang lain tidak akan berfungsi pada style dan kita harus setting lagi untuk mendapatkan style yang sama.beda halnya jika kita menggunakan metode Internal Style Sheets atau Eksternal Style Sheets.

Untuk Kedua Metode Itu saya akan jelaskan di tutorial berikutnya...di Cara Mudah Memulai Belajar CSS Dasar Part 2.
Terimakasih Sobat Gratis Lagi telah membaca tutorial tentang Cara Mudah Memulai Belajar CSS Dasar ini.
Salam Semangat Gratis Lagi dot com

Post a Comment

 
Top