Cara Membuat Cascading Style Sheets ( CSS ) Sederhana

ialah merupakan aturan untuk dapat mengatur beberapa komponen dalam sebuah HTML sehingga akan lebih terstruktur dan seragam, CSS bukanlah merupakan bahasa pemograman.
CSS selalu dipakai bersamaan dengan HTML, meskipun kita dapat juga menggunakannya buat mengatur style dokumen markup lain seperti XML, SVG & XUL. CSS umumnya disimpan di dalam sebuah arsip berekstensi .Css dan disematkan di dalam dokumen HTML untuk menaruh style dalam laman tersebut. Meski demikian, kita tetap bisa menambahkan sintaks CSS eksklusif di dalam dokumen HTML, di pada tag <style></style> buat mengakomodir penerapan style yg hanya dipakai di pada dokumen tersebut. Kita jua dapat menyematkan sintaks CSS eksklusif di dalam atribut style dalam suatu tag HTML buat menerapkan style yg hanya dipakai dalam tag itu saja. Berikut adalah contoh penerapan ketiga mode tadi:


Cara Membuat Cascading Style Sheets ( CSS ) Sederhana

Contoh Syntax dokumen HTML yang di masukan file CSS adalah sebagai berikut :


<!DOCTYPE html>
<html>
    <head>
        <title>HTML dengan CSS</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
<body>
    <h1>Selamat Datang, Programmer!</h1>
    <p>Selamat belajar pemrograman</p>
</body>
</html>


File CSS dapat disimpan dengan akhiran .CSS   ,Contoh di dalam penamaan nya style.css


Contoh File yang di dalam nya langsun di masukan file CSS:


<!DOCTYPE html>
<html>
    <head>
        <title>HTML dengan CSS</title>
        <style>
            h1 { text-align: center; color: lightsteelblue; }
        </style>
    </head>
<body>
    <h1>Selamat Datang, Programmer!</h1>
    <p>Selamat belajar pemrograman</p>
</body>
</html>


Contoh File yang CSS nya di gabungkan dengan Text

<!DOCTYPE html>
<html>
    <head>
        <title>HTML dengan CSS</title>
    </head>
<body>
    <h1 style="text-align:center; color:lightsteelblue;">Selamat Datang</h1>
    <p>Selamat belajar pemrograman </p>
</body>
</html>


Sintax CSS , dibawah ini adalah contoh penulisan syntax CSS :


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

    h1 -> selector
    { text-align: center; color: red; } -> deklarasi style
    text-align -> property
    center -> value
    color -> property
    red-> value


Kesimpulan : CSS sangat dibutuhkan bagi seorang yang akan membuat sebuah website , CSS sangat mempengaruhi terhadap tampilan dari sebuah website. Dengan CSS programmer bisa mempercantik halaman dan lain sebagainya.