Pengenalan Tentang Bahasa Pemograman CSS
Apa CSS itu ??
Mungkin sebagian dari Kalian belum mengerti tentang Bahasa pemograman yang satu ini , CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen , CSS juga merupakan singkatan dari Cascading Style Sheets yang biasa nya disisipkan kedalam kode html . Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan , dan saling berhubungan satu sama lain .
Dan sebelum mempelajari CSS , sebaiknya anda mempelajari HTML terlebih dahulu agar tidak bingung nanti nya , Anda bisa baca artikel mengenai HTML disini
CSS atau Cascading Style Sheets ini digunakan untuk mengatur style pada html , Misalkan untuk mengatur Header , Body , Image , h1, h2 , h3 .
CSS sendiri dapat mengendalikan warna text , Ukuran Gambar , Warna Border , Mengatur posisi Text , warna Hyper Link dan berbagai macam lain nya pada HTML .
Untuk Versi CSS sendiri , CSS saat isi sudah mempunyai 3 Versi yaitu CSS1 , CSS2 , CSS3.
CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website.
Apa saja Sifat Sifat dari CSS ?
Ada dua sifat CSS yaitu internal dan eksternal. Sifat internal pada CSS yaitu Sifat dimana kita memasukan Script CSS Langsung didalam Code HTML kita . Contoh untuk Sifat Internal Pada CSS :
"
<html>
<head>
<title></title>
</head>
<style>
// Script CSS
h1 {
font-size : 14;
font-family: courier;
text-align: center;
font-color: hotpink;
}
</style>
<body>
<h1> Dunia Komputer Indonesia</h1>
</body>
</html
"
Dan Jika anda ingin membuat Halaman yang lain nya , Anda harus mencopy paste Script CSS tersebut dan memasukan nya Kehalaman lain nya , Menurut saya ini sangat lah rumit , dan saya sendiri pun lebih memilih untuk menggunakan Sifat eksternal karena menurut saya itu lebih mudah karena tidak perlu mencopy paste script css nya lagi .
Jadi Sifat Eksternal ini dimana Kita membuat suatu file yang berisikan script css kita . Misalkan anda membuat file bernama "mystyle.css" dan anda mengisikan script css didalam nya . Anda tinggal menggunakan perintah "<style type="mystyle.css"></style>" . tidak perlu mencopy paste script css nya lagi . Menurut Saya sih lebih enak pake fungsi Eksternal , tetapi itu kan hanya pendapat saya , jadi kalian bebas menggunakan fungsi eksternal atau internal .
CSS ini sendiri memiliki 2 jenis penulisannya
Berikut 2 Cara Penulisan CSS :
1. Inline Style Sheets
Dalam metode ini CSS dituliskan didaam tag html nya .
Berikut Contoh nya :
"
"
<html>
<head>
<title> Contoh CSS metode Inline Style Sheets </title>
</head>
<body>
<h1 style="font-size:12 ; font-family: courier;"> Dunia Komputer Indonesia </h1>
</body>
</html>
"
2. Embedded Style Sheets
Berbeda dengan Metode Inline Style Sheets , Di metode Embedded Style Sheets ini CSS dituliskan di tag sebelu body atau dibawah tag "</head>"
Berikut Contohnya :
"
<html>
<head>
<title> Contoh CSS metode Embedded Style Sheets </title>
</head>
<style>
#header {
background-color: #233;
text-align: center;
font-family: courier;
color: white;
padding: 5px;
}
</style>
<body bgcolor="#4992">
<div id="header">
<h2 align="center"> Dunia Computer Indonesia </h2>
</div>
</body>
</html>
"
<head>
<title> Contoh CSS metode Embedded Style Sheets </title>
</head>
<style>
#header {
background-color: #233;
text-align: center;
font-family: courier;
color: white;
padding: 5px;
}
</style>
<body bgcolor="#4992">
<div id="header">
<h2 align="center"> Dunia Computer Indonesia </h2>
</div>
</body>
</html>
"
Keunggulan dari CSS atau Cascading Style Sheets :
- Telah didukung oleh kebanyakan browser versi terbaru, tetapi tidak didukung oleh browser-browser lama.
- Lebih fleksibel dalam penempatan posisi layout. Dalam layouting CSS, kita mengenal Z-Index untuk menempatkan objek dalam posisi yang sama.
- Menjaga HTML dalam penggunaan tag yang minimal, hal ini berpengaruh terhadap ukuran berkas dan kecepatan pengunduhan.
- Dapat menampilkan konten utama terlebih dahulu, sementara gambar dapat ditampilkan sesudahnya.
- Penerjemahan CSS setiap browser berbeda, tata letak akan berubah jika dilihat di berbagai browser
- CSS adalah layouting "Masa Depan" dengan penggabungan bersama XHTML.
Sekian Artikel ini saya buat , semoga bisa membantu kalian dan menambah wawasan kalian yang pastinya,
0 komentar:
Posting Komentar