Halaman

Senin, 04 Maret 2019

pengertian CSS



A.    Pengertian CSS

             CSS adalah singkatan dari Cascading Style Sheets. Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan tertampil di halaman web. Perancangan desain text dapat dilakukan dengan mendefinisikan fonts (huruf) , colors (warna), margins (ukuran), latar belakang (background), ukuran font (font sizes) dan lain-lain. Elemen-elemen seperti colors (warna) , fonts (huruf), sizes (ukuran) dan spacing (jarak) disebut juga “styles”.  Cascading Style Sheets juga bisa berarti meletakkan styles yang berbeda pada layers (lapisan) yang berbeda. CSS terdiri dari style sheet yang memberitahukan browser bagaimana suatu dokumen akan disajikan.  Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet.  Saat menggunakan CSS, Anda tidak perlu menulis font, color atau size pada setiap paragraf, atau pada setiap dokumen. Setelah Anda membuat sebuah style sheet, Anda dapat menyimpan kode tersebut sekali saja dan dapat kembali menggunakannya bila diperlukan.

fungsi utama css adalah merancang, merubah, mendisain, membentuk halaman wesite(blog juga website). dan isi dari halaman website adalah tag-tag html, logikanya css itu dapat merubah tag-tag html(yang sederhana) sehingga menjadi lebih fungsional dan menarik.

cara kerja css

cara kerja css itu sangatlah mudah, kita hanya perlu menulis stylenya(selector id dan class tersesuaikan) maka secara otomatis akan bekerja pada document html.
 http://www.indaam.com/2010/04/pemahaman-dasar-dasar-css-dan-cara-kerja/ 

Struktur CSS


Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 2_
Bagian pertama sebelum tanda '{}' dinamakan selector, sedangkan yang diapit oleh '{}' disebut declaration yang terdiri dari dua unsur, yaitu property dan value.Selector dalam pernyataan di atas adalah h1, sedangkan color adalah property, dan blue adalah value.

  • Perintah CSS terdiri atas 2 komponen, yakni Selector & Declaration.
  • Selector berfungsi untuk memberi tahu browser bahwa pada elemen mana rule CSS diterapkan.
  • Selector dapat berupa elemen HTML, selector class atau selector id.
  • Declaration merupakan aturan CSS yang diterapkan, terdiri atas property dan value.

Metode Penulisan CSS

Inline Style Sheet

CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut style="..." dalam tag HTML tersebut. Style hanya akan berlaku pada tag yang bersangkutan, dan tidak akan memengaruhi tag HTML yang lain.

Contoh penulisan CSS dengan metode Inline Style Sheet:

Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 3_
Embedded Style Sheet (Internal)

CSS didefinisikan terlebih dahulu dalam tag <style> ... </style> di atas tag <body>. Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan.

Contoh penggunaan CSS dengan metode Embedded Style Sheet internal :

Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 4_
Embedded Style Sheet (Eksternal)

CSS didefinisikan terlebih dalam sebuah file (*.css). Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya nama file di panggil dengan syntax html pada file HTML.

Contoh penggunaan CSS dengan metode Embedded Style Sheet eksternal :

Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 5_
Syntax CSS

Basic
  • CSS Syntax Standard
    body {color:black}
  • Jika value lebih dari satu kata gunakan tanda kutip ""
    p {font-family:"sans serif"}
  • Jika lebih dari satu properti untuk sebuah selektor
    p {text-align:center;color:red}
  • atau, agar lebih mudah dilihat bisa ditulis seperti ini:
    p { text-align:center; color:black; font-family:arial }

Grouping

Untuk mempersingkat penulisan, CSS juga memungkinkan untuk melakukan grouping pada selector‐selector yang memiliki property yang sama. contoh:

h1 { color:green; }

h3 { color:green; }

h5 { color:green; }

p { color:green; }

Di Group menjadi:

h1,h3,h5,p { color:green; }

CSS Class Selector
  • Berfungsi untuk memberikan style yang berbeda pada sebuah elemen HTML 
  • Diawali dengan menambahkan tanda '.' (titik) pada file css 
  • Pada file HTML ditambahkan property 'class' untuk memanggil selector tersebut. 
  • Satu elemen HTML dapat memanggil lebih dari satu class

contoh:

style.css
.merah {color:red;}
.right {text-align:right;}
.left {text-align:left;}

contoh.html

Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 6_
CSS ID Selector
  • Berfungsi juga untuk memberikan style yang berbeda pada sebuah elemen HTML
  • Diawali dengan menambahkan tanda ‘#’ pada file css
  • Pada file HTML ditambahkan property ‘id‘ untuk memanggil selector tersebut.
  • Penulisan id tidak boleh diawali dengan angka
  • Satu elemen HTML hanya boleh menggunakan satu id

contoh:

style.css
#merah {color:red;}
#right {text-align:right;}
#left {text-align:left;}
contoh.html

Selector CSS popular

CSS Dimension

Berfungsi untuk mengatur panjang dan lebar dari sebuah elemen HTML.

Contoh:

Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 7_
Nilai/ value:

Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 8_
CSS Box Model
  • Sebuah elemen HTML dapat kita anggap sebagai sebuah box/ kotak.
  • Digunakan pada saat kita akan merancang tampilan sebuah website.
  • Pada dasarnya berfungsi sebagai tempat yang membungkusisidarielemen‐elemen HTML.
  • Tag yang biasanya digunakan untuk merancang tampilan adalah <div>, walaupun tag lain juga bisa menerapkan box model.
  • Terdiriatas4 bagian: Margin, Border, Padding, Content.
Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 9_

Contoh margin:
Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 10_

Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 11_

Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 12_

Contoh padding:

Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 13_

Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 14_

Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 15_
CSS Float
  • Berfungsi untuk memaksa sebuah elemen menjadi berada di kiri atau dikanan halaman.
  • Elemen yang berada setelah elemen yang diberi float akan terpengaruh fungsi float tersebut.
  • Elemen yang berada sebelum elemen yang diberi float tidak akan terpengaruh.
  • Property:
    float:left;
    float:right;
  • Untuk me‐nonaktifkan fungsi float gunakan:
    clear:both;
  • Biasanya digunakan untuk membuat gallery.

LATIHAN CSS

1. STYLE DALAM TAG TUNGGAL

Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 16_

2. STYLE DALAM 1 DOKUMEN HTML

Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 17_

3. STYLE DALAM FILE EKSTERNAL

Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 18_

4. LATIHAN: Buat form menggunakan CSS sehingga memiliki tampilan seperti berikut:
Pengertian, Tipe, dan Fungsi CSS Beserta Contoh 19_
Sekian artikel tentang Pengertian, Tipe, dan Fungsi CSS Beserta Contoh. Semoga bermanfaat.
  •  

Diposting oleh di Tidak ada komentar:
Label:

SHALAT

AGAR SHALAT TIDAK SIA SIA 


   Mengapa shalat Tidak di terima dan perbuataan apa saja yang membuatnya sia-sia ? 

astagfirullah.Ancapkali kita salah dalam memandang perintah dan larangan Allah. Betapa sering kita menggap salat sebagai beban,bahkan kita mengganggap salat sebagai penganggu.
    
       Banyak orang yang sedang asyik menonton televisi merasa terganggu dengan azan,bahkan pada   saat bekerja merasa kanget dengan suara azan dan berkata " Wah,sudah azan lagi! ".Mereka mengganggap bahwa seruan shalat sebagai penyinar hiburan dan perusak konsentrasi.

        Tak kenal maka tak sayang,sewaktu kecil banyak orang tua dan guru ngaji kita  menanamkan persepsi negatif terhadap shalat."Ayo shalat,kalau enggak shalat nanti dibakar di neraka!'.Lambat laun,pendidikan seperti ini menimbulkan citra buruk pada shalat itu sendiri, Anak-Anak hanya paham kalau engga shalat akan disiksa di neraka,tanpa dituntun mengahayati hikmah dibaliknya.

"Dan Aku tidak menciptakan jin dan manusia, keculi agar meraka beribadah kepada-KU ".Demikian makna firman Allah dalam surah Adz-Dzariyat-56.Kita hidup di dunia ini hanya untuk mengemban tugas : beribadah kepada Allah adalah ibadah .sebalikknya menjauhi larangan Allah juga ibadah

1. Allah menyebut shalat sebagai imam 

      Saat orang-orang yang dahulu pernah shalat menghadap Baitul Maqdis meninggal dunia,Para sahabat bertanya tentang nasib shalat mereka.Maka turunlah ayat ini menjawabnya 

"....dan Allah tidak akan menyia-nyiakan imanmu. Sesungguhnya Allah Maha Pengasih lagi Maha Penyanyang kepada manusia." (Al-Baqarah : 143)

2.Shalat menghapus dari perbauatan dosa

     Seseorang yang menjalankan shalat wajib dengan sempurna dalam sehari-semalam ,dosanya akan berguguran dengan syarat,ia menjauhi berbagai dosa besar.Rasulullah bersabda:
"Shalat lima waktu,dari jumat ke jumat berikutnya,Ramadhan ke Ramadhan berkutnya ,dapat menghapuskan berbagai dosayang terjadi di antara semuanya itu ,jika dosa-dosa di jauhi."(HR.Muslim)

3. Orang yang berjalan kaki ke masjid akan mendapat cahaya di akhirat 

"Sampaikan kabar gembira kepada orang-orang yang berjalan kaki ke masjid-masjid pada waktu gelap gulita,berupa cahaya yang sempurna pada hari kiamat."(HR.Abu Dawud  dan dishalihkan oleh Al-Albani)

4. Allah mewajibkan Shalat kepada Nabi Muhammad dan umatnya 
     Allah juga mewajibkan shalat kepada Nabi Muhammad sebagaimana Dia telah mewajibkan kepada nabi-nabi terdahulu.Hal ini ditegaskan Allah dalam surah Al-Ankabut ayat 45:
Bacalah apa yang telah di wayuhkan kepadamu,yaitu Al-kitab (Al-Quran ) dan dirikanlah shalat...."

5. Orang yang lalai dalam shalat akan di siksa 

orang yang lalai dari shalatnya diancam dengan siksaan yang menunggunya .Kata Ibnu Katsir,lalai yang dimaksud bisa mencakup 3 hal.Pertama,senantiasa atau sering mengundur-undur waktu shalat. kedua lalai dari syarat dan rukun yang diperintahkan.ketiga, tidak khusyuk dan tidak menghayati makna makna yang terkandung dalam shalat .Hal ini di tegaskan Allah dalam Firman-NYA .

" Maka celakalah bagi orang-orang yang shalat,(yaitu) orang-orang yang dari shalatnya." ( Al-Ma'un : 4-5)

6. Malas mengerjakkan shalat adalah ciri orang munafik

      Ciri yang kasat mata dari seseorang munafik ialah ia mendirikkan shalat dengan bermalas-malasan .Hal itu karena tidak ada niat di dalamnya ,tidak ada keyakinan di dalamnya.Ia hanya riya di hadapan manusia.Alllah berfirman :
" Sesungguhnya, orang-orang munafik itu menipu Allah dan Allah akan membalas tipuan mereka.Dan apabila mereka berdiri untuk shalat mereka berdiri dengan malas .Mereka bermaksud riya ( dengan shalat ) di hadapan manusia .Dan tidaklah mereka menyebut Allah kecuali sedikit sekali."( An-Nisa': 142 )
 


        Heran selepas shalat selepas shalat subuh berjamaah,para ibu-ibu berjalan bergerombol ,sepitas mereka sedang membicarakan seseorang .Tak lama kemudian mereka pun sama sama tertawa dan menyesalkan kejadian yang baru saja terjadi.
        Dari kejauhan saya sempat mendengar alur ceritanya pasalnya,ada salah seorang jamaah wanita yang shalat sambil mengeluarkan kentut yang sangat kencang ,demikian suara kenthut itu memecah kekusyukan .
"Astagfirullah," kata salah seorang ibu dengan nada kesal, "wanita tersebut tidak merasa anaeh pada dirinya .Padahal,baunya minta ampun." Ia pun melanjutkan shalatnya hingga selesai .

         Saya tidak mereka-reka. Kisah di atas benar-benar terjadi.Banyak kau muslimin yang belum mengetahui tata cara ibadah yang Agung ini .Padahal,shalat adalah ibadah yang paling rinci,mulai dari takbiratul ihram hingga salam. Ia tidak memiliki syarat dan rukun tertentu .Tanpanya ,shalat seseorang akan sia-sia ,tidak diterima pahalanya 

          Bahkan,di suatu desa yang terpencil saya pernah mendaptkan dua orang dewaa yang shalat sambil bercakap-cakap.Di tempat yang berbeda ,saya melihat kaum muslimin yang shalat begitu cepat ,shalat baginya beban yang begitu berat yang di bawa di pundaknya

          Rasulullah mengabarkan bahwa banyak orang shalat yang hanya mendapat letih dan lelah dari shalatnya.Ia hanya mendapatkan rasa capek karena cenya gerakkannya dan kurang terpenuhi syarata rukunnya .Shalat baginya hanya sekedar formalitas penggugur kewajiban oleh karena itu ,kita harus mengetahui hal-hal yang berhubungan erat dngan ibadah shalat.Misalnya ,hal-hal yang diwajibkan,disunanahkan ,dimakruhkan dan pembatal-pembatalan dalam shalat.Tanpa ilmu shalat tersebut, shalat seseorang akan mudah jatuh ke jurang sia-sia .



Diposting oleh di Tidak ada komentar:
Langganan: Komentar (Atom)