Ahad, 22 September 2019
Pada
ahad pagi ini alhamdulillah kita sudah berkumpul di Pesantren Siber Bandung.
Seperti pekan-pekan sebelumnya, kegiatan setiap ahad pagi dari sekitar pukul
sembilan hingga waktu dzuhur tiba adalah belajar mandiri, sehingga
masing-masing dari kami pun memanfaatkan waktu tersebut dengan melakukan
berbagai aktifitas yang in syaa Allah positif hingga waktu dzuhur tiba. Adapun
Kegiatan Belajar Mengajar (KBM) setelah istirahat siang, jika melihat dari
pekan-pekan sebelumnya diisi oleh A Raffi yang membahas mengenai materi yang
berkaitan dengan web development. Setelah menunggu beberapa saat A Raffi pun
datang, namun sayangnya dikarenakan beberapa kendala kami pun akhirnya belajar
secara mandiri.
Berikut
ini adalah beberapa hal yang saya pelajari mengenai pengenalan tentang CSS. CSS
atau kepanjangan dari Cascading Style Sheet merupakan mekanisme sederhana yang
mengatur gaya / style (seperti: warna, ukuran, posisi, dll) pada halaman web.
Berikut ini adalah hal yang ditimbulkan dengan adanya CSS :
- · Aturan yang dipakai pada CSS digunakan untuk menampilkan elemen / tag HTML
- · CSS -pada umumnya- dibuat terpisah dengan HTML
- · Adanya CSS bertujuan untuk memisahkan konten dengan style
- · Satu CSS dapat digunakan untuk banyak halaman HTML
- · Satu halaman HTML dapat terlihat berbeda jika menggunakan CSS yang berbeda pula
Untuk anatomi atau struktur pada CSS adalah berikut : selector
{ property: value;}. Selector adalah sebuah bagian dari css yang digunakan
untuk memilih dan memanipulasi elemen spesifik pada suatu HTML. Elemen HTML
yang dipilih pun bermacam-macam, bisa berdasarkan tag, id, clss bahkan
pola/pattern. Semakin kompleks struktur HTML, maka selectornya juga bisa
semakin kompleks/spesifik. Property pada CSS merupakan sifat/jenis style yang
akan diterapkan pada Selector, misalnya kita ingin mengubah ukuran atau warna
atau misalnya jenis tulisan pada selector -yang sudah kita tentukan-.Property
pada CSS ini jumlahnya sangat banyak yaitu lebih dari 350, sehingga property
ini tidak perlu hafal dan untuk mengetahui berbagai property tersebut kita bisa
melihat referensinya di internet salahsatunya adalah https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
& http://css-tricks.com/almanac. Adapun Value CSS adalah nilai dari
property, misalkan kita ingin merubah warna suatu selector dengan warna hijau
maka warna hijau inilah yang disebut value. Berikut ini adalah contoh penulisan
syntax CSS :
h1 {
font-family: "Courier
New";
text-align: center;
font-size: 30px;
color: blue;
}
Selanjutnya adalah penempatan CSS. Penempatan suatu CSS pada
sebuah HTML bisa dilakukan dengan beberapa cara :
- § Pertama dengan cara “Embed” yaitu kita menyimpan CSS didalam file yang sama dengan HTML, dengan menambahkan tag style pada html di bagian head -biasanya letaknya berada setelah title-, lalu menaruhkan syntax CSS didalam tag style tersebut.
- § Cara yang kedua adalah “Inline” kita menyimpan CSS didalam file yang sama dengan HTML, -mirip seperti Embed- dengan menggunakan atribut HTML yang namanya style, tetapi CSS ini disisipkan langsung pada halaman html yang ingin kita ubah style-nya. Contoh: <h1 style=”color: lightblue;”>Hello World</h1> -Penulisan seperti ini sangat tidak disarankan karena antara konten dengan style tidak dipisah-
- § Cara yang ketiga adalah External yaitu kita membuat file css sendiri (file bertype .css) yang terpisah dengan HTML, nanti dihubungkan antara keduanya dengan tag link pada html yang dibuat di bagian head -berfungsi sebegai penghubung, adapun cara menyisipkannya sama seperti menyisipkan gambar ataupun link-
Terakhir, saya teringat dengan suatu hadits yang menerangkan
keutamaan do’a meminta surga & perlindungan dari neraka dimana Nabi
shallallahu alaihi wa sallam bersabda :
(من سأل الله الجنة ثلاث مرات، قالت الجنة:
اللهم أدخله الجنة، ومن استجار من النار ثلاث مرات، قالت النار: اللهم أجره من
النار)
Artinya : “Barangsiapa yang meminta surga kepada Allah
-sebanyak- tiga kali, maka surga akan berkata : Ya Allah, masukkanlah ia
kedalam surga. Dan barangsiapa yang memohon perlindungan dari neraka -sebanyak-
tiga kali, maka neraka akan berkata : Ya Allah, lindungilah ia dari neraka.”
Maka perbanyaklah berdo’a & mengamalkan hadits tersebut wahai
saudaraku! Semoga Allah menjadikan kita orang yang terhindar dari siksa neraka
& menjadikan kita sebagai penghuni surga firdaus...آمين يا
مجيب السائلين
EmoticonEmoticon