Apa Itu CSS Dan Fungsinya , Ini Penjelasan Sederhananya

Halo gaess ketemu lagi dengan saya Eri Nurdiyanto gaess , pada posting kali ini kita akan membahas pengertian CSS dan fungsinya.

Bagi kamu yang sering atau lagi belajar tentang mendesain tampilan website atau membuat template blogger sering denger istilah CSS , pada kesemptan kali ini akan saya jelaskan secara mudah dan sederhana


PENGERTIAN CSS

CSS adalah kepanjangan dari "cascading stylesheet" adalah sebuah bahasa markah yang dipakai untuk mengatur tampilan website seperti warna latar, warna font, margin div, lebar gambar , border style dsb.
Jika HTML dipakai untuk membuat link, gambar, form input, tombol dsb maka CSS ini tugasnya yang mengatur style nya seperti warna , lebar, ukuran, alignment


BAGAIMANA PENULISAN CSS



Internal
Penulisan CSS dapat secara internal yaitu menuliskan didalam tag <style>
contoh kode

<style>
#box{
border:4px dashed black;
padding: 10px 10px 10px 10px;
background-color:lime;
}
.flower{
font-weight:bold;
font-size:70px;
color:blue;
}
</style>
<div id="box">
<span class="flower">my flower</span>
<img src="https://images.pexels.com/photos/56866/garden-rose-red-pink-56866.jpeg?auto=compress&cs=tinysrgb&h=350" width="100%"/>
</div>

bisa anda praktekkan sendiri disini  HTML Editor WYSIWYG Online






Eksternal CSS
Anda dapat memanggil kode CSS dari file eksternal dengan cara menempatkan kode berikut pada tag <head>
dibawah ini adalah contoh ekternal CSS


<link rel="stylesheet" type="text/css" href="mystyle.css">








Inline CSS
Nah untuk yang ketiga ini adalah inline css, menempatkan kode css langsung pada html element

contoh penulisan inline css

<h1 style="color:blue;margin-left:30px;">This is a heading</h1>



Setelah membaca tulisan ini sekarang jadi paham kan apa itu css, CSS berfungsi untuk mengatur style gaya tampilan website agar lebih sedap dipandang

Jika masih ada yang kurang jelas bisa anda tanyakan di kolom komentar channel youtube saya Eri Nurdiyanto , link ada di footer