kali ini saya akan menjelaskan tentang css kalian pasti kalian tau apa itu css tapi kalian juga belum mengetahui betul tentang css dan di kesempatan hari ini saya akan menjelskan css lebih lanjut dan mempelajari css lebih dalam, karena css adalah kunci utama kita untuk bisa belajar bootsrap lebih lanjut dan menbuat website yang lebih bagus lagi.
Apa itu CSS ?
CSS merupakan salah satu bahasa style web yang sangat populer yang dipakai pada berbagi apalikasi web.
Kemampuan CSS diantaranya :
- properti font
- warna dari text
- peletakkan (align)
- margin, border, padding
- safari 5
- mozilla firefox
- notepad++
Mengapa menggunakan CSS ?
CSS digunakan untuk menentukan gaya untuk halaman web anda, termasuk untuk perangkat yang berbeda dan ukuran layar.
*CSS Selector
CSS digunakan untuk "menentukan" (atau pilih) elemen HTML berdasarkan mereka nama elemen , id, atribut, dan banyak lagi.
Id Selector
Pemilih id menggunakan atribut id dari elemen HTML untuk memilih elemen tertentu.Id dari elemen harus unik dalam sebuah halaman, sehingga pemilih id digunakan untuk memilih salah satu elemen yang unik!
Untuk memilih elemen dengan id tertentu, menulis hash (#) karakter, diikuti oleh id dari elemen.
Kelas Selector
Pemilih kelas memilih elemen dengan atribut kelas khusus.
Untuk memilih elemen dengan kelas tertentu, menulis titik (.) Karakter, diikuti dengan nama kelas.
Pada contoh di bawah, semua elemen HTML dengan class = "center" akan merah dan pusat-blok:
*CSS Cara
Tiga cara sisipkan css
ada tiga cara untuk memasukkan style sheet:
- Style Sheet Eksternal
- Internal Style Sheet
- Gaya Iniline
--> Eksternal Style Sheet
Dengan style sheet eksternal, anda dapat mengubah seluruh situs web dengan mengubah hanya satu file!
--> Style Sheet Internal
Style sheet internal dapat digunakan jika satu halaman tunggal memiliki gaya yang unik.
--> Gaya Inline
Gaya Inline dapat digunakan untuk menerapkan gaya yang unik untuk elemen tinggal.
*CSS Border
CSS Border Property
CSS perbatasan properti memungkinkan anda untuk menentukan gaya, lebar, dan warna perbatasan elemen ini.
elemen ini memikliki perbatasan alur yang 15px lebar dan hijau.
*CSS Margin
CSS margin properti yang digunaakan untuk menghasilkan ruang disekitar elemen.
sifat margin mengatur ukuran ruang putih LUAR perbatasan .
elemen ini memiliki margin of 80px.
*CSS Padding
CSS padding properti yang digunakan untuk menghasilkan ruang disekitap konten.
padding mengatur ukuran putih antara isi elemen.
elemen ini memiliki padding 50px.
--> Script
<!DOCTYPE html>
<html>
<head>
<style>
p {
background-color: lightblue;
}
p.ex {
border:20px solid blue;
margin-top: 100px;
margin-bottom: 100px;
margin-right: 100px;
margin-left: 100px;
padding-top: 50px;
padding-right: 30px;
padding-bottom: 50px;
padding-left: 80px;
border-style: dotted
}
</style>
</head>
<body>
<p class="ex">memasukkan padding, margin dan border dan hasilnya ini dia.</p>
</body>
</html>
Hasil :
*CSS Tinggi dan Lebar Dimensi
properti css dimensi
Sifat dimensi css memungkinkan anda untuk mrngatur tinggi dan lebar elemen.
Elemen ini memiliki lebar 100%
Mengtur tinggi lebar
tinggi dan lebar sifat yang digunakkan untuk mengatur tinggi dan lebar elemen.
*CSS Text
Teks ini ditata dengan beberapa properti format teks. Judul menggunakan text-align, text-transform, dan sifat warna. Paragraf menjorok, selaras, dan ruang antara karakter ditentukan
Ada dua orang pengembang atau pencipta css yaitu hakon wium dan bert bos, dan dibawah ini adalah foto mereka berdua:
Hakon Wium Lie
Bert Bos
Merka berdua ini adalah seorang pengembang CSS, tapi CSS yang saya jelaskan belum selesai karena masih banyak ilmu css yang belum saya pelajari tunggu kelanjutannya ya.
Jika kalian ingin mempelajari css lebih lanjut kalian bisa belajar di http://www.w3schools.com/css/default.asp
Wassalamualaikum Wr.Wb
0 komentar:
Posting Komentar