CSS Part 1

    

       ASSALAMUALAIKUM wr wb.

hai,semua kali ini saya akan membahas tentang css.
langsung saya saya menjelaskannya.

1.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.

2.jenis-jenis tag css.
   1.CSS Syntax

Sebuah CSS aturan-set terdiri dari pemilih dan blok deklarasi:

selector CSS

Pemilih poin ke elemen HTML Anda ingin bergaya.
Blok deklarasi berisi satu atau lebih deklarasi dipisahkan oleh titik koma.
Setiap deklarasi termasuk CSS nama properti dan nilai, yang dipisahkan oleh titik dua.
 Sebuah deklarasi CSS selalu berakhir dengan titik koma, dan blok deklarasi dikelilingi oleh kurung kurawal.
Pada contoh berikut semua <p> elemen akan pusat-blok, dengan warna teks merah:
Contoh
p {
    color: red;
    text-align: center;
}
 
     2.CSS Selectors
CSS digunakan untuk "menemukan" (atau pilih) elemen HTML berdasarkan mereka nama elemen, id, kelas, atribut, dan banyak lagi.
Unsur Pemilih

Pemilih elemen memilih elemen berdasarkan nama elemen.
Anda dapat memilih semua <p> elemen pada halaman seperti ini (dalam hal ini, semua elemen <p> akan pusat-blok, dengan warna teks merah):
Contoh
p {
    text-align: center;
    color: red;
}
 
       3.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.

Gaya aturan di bawah ini akan diterapkan pada elemen HTML dengan id = "para1":
Contoh
#para1 {
    text-align: center;
    color: red;
}

Catatan: Sebuah nama id tidak dapat memulai dengan angka!

        4.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:
Contoh
.center {
    text-align: center;
    color: red;
}

Anda juga dapat menentukan bahwa elemen HTML hanya khusus harus dipengaruhi oleh kelas.
Pada contoh di bawah, hanya <p> elemen dengan class = "center" akan center-aligned:
Contoh
p.center {
    text-align: center;
    color: red;
}

elemen HTML juga dapat merujuk ke lebih dari satu kelas.

Pada contoh di bawah ini, <p> elemen akan ditata sesuai dengan class = "center" dan class = "besar":
Contoh
<p class="center large">This paragraph refers to two classes.</p>

Jika Anda memiliki elemen dengan definisi gaya yang sama, seperti ini:
h1 {
    text-align: center;
    color: red;
}

h2 {
    text-align: center;
    color: red;
}

p {
    text-align: center;
    color: red;
}

Ini akan lebih baik untuk kelompok pemilih, untuk meminimalkan kode.

Untuk pemilih kelompok, memisahkan setiap pemilih dengan koma.

Pada contoh di bawah kita telah dikelompokkan pemilih dari kode di atas:
Contoh
h1, h2, p {
    text-align: center;
    color: red;
}

 Catatan: Sebuah nama kelas tidak dapat memulai dengan angka!
pengelompokan Selectors



          5.CSS Komentar
Komentar digunakan untuk menjelaskan kode, dan dapat membantu ketika Anda mengedit kode sumber di kemudian hari.

Komentar diabaikan oleh browser.

Sebuah komentar CSS dimulai dengan / * dan diakhiri dengan * /. Komentar juga dapat span beberapa baris:
Contoh
p {
    color: red;
    /* This is a single-line comment */
    text-align: center;
}

/* This is
a multi-line
comment */

       Terima kasih telah membaca artikel ini semoga bermanfaat.

REFERENSI:
http://www.w3schools.com/css/css_syntax.asp
http://imaniania5.blogspot.co.id/2013/10/pengertiandefinisi-dan-fungsi-dari-css.html

  WASSALAMUALAIKUM wr wb.