Selamat datang dan selamat belajar - Silahkan Follow lewat G+ agar anda tidak ketinggalan update materi kami - SALAM

Tuesday 22 December 2015

CSS Tutorial 2

Apa itu CSS?

CSS singkatan dari Cascading Style Sheets
CSS menjelaskan bagaimana elemen HTML yang akan ditampilkan pada layar, kertas, atau di media lain,CSS menghemat banyak pekerjaan. Hal ini dapat mengontrol tata letak beberapa halaman web sekaligus Stylesheet eksternal disimpan dalam file CSS.




CSS Syntax

Sebuah CSS aturan-set terdiri dari pemilih dan deklarasi blok.
Deklarasi blok berisi satu atau lebih deklarasi dan 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 deklarasi blok dikelilingi oleh kurung kurawal.


CONTOH

p {
    color: red;
    text-align: center;
}
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 :
<!DOCTYPE html>
<html>
<head>
<style>
p {
    color: red;
    /* ini contoh komentar satu baris */
    text-align: center;
}

/* ini contoh
komentar dengan
beberapa baris */
</style>
</head>
<body>

<p>Hallo selamat belajar!</p>
<p>Ini contoh CSS.</p>
<p>Komentar CSS tidak ditapilakan di putput.</p>

</body>
</html>
hasilnya adalah sbb :


                                                Hallo selamat belajar!
                                                   Ini contoh CSS.
                                Komentar CSS tidak ditapilakan di putput.





<b>make me bold</b>
<font color="#FF0000" face="Verdana, Arial, Helvetica, sans-serif"> <strong>This is text</strong></font> - See more at: http://www.csstutorial.net/css-intro/introductioncss-part1.php#sthash.qRu8FK7S.dpuf
<b>make me bold</b>
<b>make me bold</b>
<b>make me bold</b>
<b>make me bold</b>
<b>make me bold</b>
<b>make me bold</b>

No comments:

Post a Comment