Scribd Logo
Unggah

Selamat datang di Scribd!

  • 01 Materi CSS - Intro

    Diunggah oleh

    Arrozi Cole
    44 tayangan8 halaman

    Judul Asli

    01 Materi CSS - Intro.pptx

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    44 tayangan8 halaman

    01 Materi CSS - Intro

    Diunggah oleh

    Arrozi Cole

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 8

    Materi CSS

    (Cascading Style Sheet)


    Bagian I
    Oleh :
    Khilya MV
    NIS 15965
    Digunakan untuk kalangan pribadi
    Smansa Cyber Group, SMAN 1 Tegal

    Apa itu CSS?


    CSS ialah Cascading Style Sheet, yang secara awam dapat diartikan
    sebagai kumpulan kode untuk mengatur desain pada suatu web.
    Lain halnya dengan HTML, yang merupakan isi dari suatu website.
    File CSS biasa dibuat dalam Notepad maupun Notepad++ dan
    disimpan dalam format .css
    Penulisan CSS ialah setelah elemen diikuti dengan { dan diakhiri
    dengan }. Atribut diikuti dengan: bukan =, setelah itu
    sebaiknya diberi spasi dan diakhiri dengan ;
    #elemen {
    background: black;
    }
    body {
    Background:black;
    }

    Mengaitkan CSS dengan


    HTML
    CSS dan HTML tentu saja saling berkaitan, HTML sebagai isi
    website dan CSS sebagai desain website tersebut. Untuk
    itu digunakan perintah LINK yang dimasukkan di dalam
    HEAD pada HTML yang berfungsi untuk memanggil file
    CSS
    <html>
    <head>
    <title>Websiteku</title>
    <link rel=stylesheet href=NAMAFILE.css
    type=text/css>
    </head>
    </html>

    Elemen --- Body


    Body yang berarti tubuh, merupakan elemen yang
    memodifikasi seluruh isi website. Biasanya
    digunakan untuk memodifikasi background, font,
    dll.
    Body {
    background: black;
    font-size: 12px;
    }

    Elemen --- ID dan CLASS


    Dalam HTML, buat elemen baru dengan ID dan CLASS, yang
    berguna untuk memodifikasi elemen tersebut secara spesifik.
    Perintah yang sering dipakai ialah DIV ID dan P CLASS. Tidak
    ada perbedaan dalam hal tampilan.
    <body>
    <div id=elemen>
    ISI KONTEN
    </div>
    <p class=elemen>
    ISI KONTEN
    </p>
    </body>

    Elemen --- ID dan CLASS


    Memodifikasi elemen ID dan CLASS :
    Jika menggunakan <div id=elemen>
    maka untuk memodifikasinya
    menggunakan hashtag #
    #elemen {
    background: black;
    }

    Elemen --- ID dan CLASS


    Memodifikasi elemen ID dan CLASS :
    Jika menggunakan <p class=elemen>
    maka untuk memodifikasinya
    menggunakan dot/titik .
    .elemen {
    background: black;
    }

    Komentar
    Komentar biasa digunakan sebagai
    penambah catatan penting. Tidak akan
    muncul dalam website.
    /*ini bagian body*/
    Body {
    Background:black;
    }

    Anda mungkin juga menyukai