Dasar Belajar Cepat CSS

Belajar CSS ( Cascading Style Sheet ) Secara Mudah dan Cepat

Halo Kawan Programmer, kali ini kita akan belajar bersama tentang Apasih itu Pemrograman CSS ? Untuk Apasih Itu CSS ? Bagaimana Tampilan Pemrograman CSS ? CSS adalah sebuah bahasa pemrograman yang di gunakan untuk menghias atau mempercantik layout halaman suatu WEB agar lebih menarik. Nah, bagi agan aga yang sudah belajar HTML, pasti sangat membosankan jika bahasa pemrograman yang akan kita gunakan hanya HTML. Dan tampilannya sangat biasa saja. Untuk itu, agar tampilannya jadi sangat bagus dan nyaman di gunakan kita bisa menggunakan sedikit sentuhan dengan menggunakan CSS.

Tentu saja, sebagai blogger atau programmer ... CSS menjadi hal yang sangat penting bagi kalian karena kenyamanan visitor adalah hal yang utama. Bagaimana tampilan web kalian dan bagaimana cara kerja web kalian akan membuat para visitor betah lama lama berkunjung di web kalian. Nah, untuk itu CSS menjadi sangat penting bagi kita.

Struktur Dasar CSS

CSS ( Cascading Style Sheet ) di bagi menjadi beberapa bagian, yaitu :

Selector ( Selektor )
Properties ( Properti )
Value ( Nilai )
Deklarasi ( Kurung Kurawal {})

Contoh :

Body{
background-color: red;
}
Selectornya adalah Body
Propertiesnya adalah background-color
Valuenya adalah red
dan Deklarasinya adalah kurung kurawal {}

Jenis - Jenis CSS :

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="linkcssmu.css">
<title>Belajar CSS</title>
<style type="text/css">
body{
background-color: red;
color: white;
background-position: all;
background-repeat: no-repeat;
background-size: 1000px;
background-attachment:fixed;
}
</style>
</head>
<body>

<h1 style="font-size: 15px, color: white;font-family: comic sans ms;">Belajar Pemrograman CSS Sederhana</h1>

</body>

</html>

CSS (Cascading Style Sheet) memiliki beberapa jenis. Jenis tersebut di bedakan berdasarkan letak cssnya. CSS di bedakan menjadi 3 Jenis peletakan yang berbeda yaitu :

CSS Inline :

<h1 style="font-size: 15px, color: white;font-family: comic sans ms;">Belajar Pemrograman CSS Sederhana</h1>

CSS Inline adalah penggunaan CSS yang berada di dalam tag body dengan menggunakan attribute style="",

Contoh : kalian bisa lihat pemrograman CSS sederhana disana, lihat dianatara tag pembuka body dan tag penutup body, terdapat h1 yang di dalam tag h1 tersebut ada attributes style. Peletakan attribute style seperti itu dinamakan inline. Biasanya programmer menggunakan embeded dan eksternal, alasan mereka masih menggunakan CSS Inline adalah karena CSS inline hanya berpengaruh pada tag yang bersangkutan dan tidak mempengaruhi tag html lainnya.

CSS Embeded :

<style type="text/css">
body{
background-color: red;
color: white;
background-position: all;
background-repeat: no-repeat;
background-size: 1000px;
background-attachment:fixed;
}

</style>

CSS Embeded adalah jenis CSS yang cara peletakkannya berada di bawah tag <head></head> atau tag <title></title>. Namun biasanya diletakkan di bawah tag title. Seperti yang kalian lihat di atas, peletakkannya mengguanakan Properties, value, deklarasi dan selector.

CSS Eksternal : <link rel="stylesheet" type="text/css" href="linkcssmu.css">

CSS Eksternal adalah penulisan pemrograman CSS dengan cara memisahkan antara file html dengan file css kemudian memanggil script file css dengan menggunakan bahasa pemrograman. Contoh CSS Eksternal bisa di lihat pada pemrograman CSS di atas.

Oke, sekian penjelasan tentang CSS semoga bermanfaat. Mohon maaf jika ada salah salah kata Wassalamu'alaikum Wr. Wb.