PENGENALAN CSS
Pengenalan css |
Apasih itu CSS ? CSS yaitu kepanjangan dari Cascading Style Sheet , CSS menjelaskan bagaimana element HTML yang akan ditampilkan pada layar , kertas atau media lain. CSS menghemat banyak pekerjaan. Hal ini dapat mengontrol tata letak halaman web beberapa sekaligus . CSS disimpan dengan extensi (*.css) .
Nah , Apasih hubungannya HTML dengan CSS ? Jadi kalau diibaratkan HTML itu adalah rumah sedangkan CSS itu catnya , nah dari pengertian itu CSS akan membuat halaman HTML lebih indah , mempercantik halaman website agar familiar untuk dilihat .
Bagaimana sih caranya menulis CSS ?
Solusi Pertama :
- Kamu bisa langsung menyelipkan kode CSS ke dalam HTML dalam apitan tag
<style>
Disini style kamu .
</style>
Contoh :
<style>
.body{
background-color:#000;
}
</style>
Keterangan Dari kode diatas yaitu tag dalam HTML yang berupa <body> akan berwarna hitam . Kenapa kok bisa hitam ? karena dalam color #000 adalah warna hitam . Untuk mempermudah pengambilan background warna kamu juga bisa mengunakan color picker plugin dari google.
Solusi Kedua :
-Kamu menyambungkan link CSS kamu
Step:
1. Buat File baru HTML : Berisi tag html
2.Buat File baru CSS : Berisi file css
3.Jangan lupa path foldernya.
Caranya gimana ? Cukup simple yaitu menggunakan tag <link> . Dibagian mana sih ? Didalam tag <head> . Kok bingung ya ? Berikut Contoh kode untuk menyambungkan link css :
<html>
<head>
<link rel="stylesheet" href="pathfolderkamu/filekamu.css" />
</head>
<body>
</body>
</html>
Dan didalam file CSS dapat kamu isikan attribut css tanpa menggunakan tag <style> </style> seperti solusi pertama . Jika mendapat kendala error dapat mengecheck menggunakan developer tools dengan F12 pada keyboard . Kadang kendala diawal untuk pembelajaran adalah not found / path foldernya tidak cocok dengan yang kamu buat .
Tidak ada komentar:
Posting Komentar