Scribd Logo
Unggah

Selamat datang di Scribd!

  • Dasar Dasar CSS

    Diunggah oleh

    alfiandidin
    7 tayangan16 halaman
    h;lgh

    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
    h;lgh

    Hak Cipta:

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

    Dasar Dasar CSS

    Diunggah oleh

    alfiandidin
    h;lgh

    Hak Cipta:

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

    CSS

    www.pmo.itb.ac.id

    Budi Hariyanto

    L/O/G/O
    Pengertian
     Cascade Style Sheet (CSS) digunakan web
    designer untuk mengatur Style elemen
    yang ada di halaman website.
     Melakukan pengaturan pada halaman
    website
     Mengontrol format tampilan sebuah web.
    Struktur

    Selector { properties:value ; }

    Selector : Menentukan Element yang


    diterapkan
    Properties & Value : Deklarasi style yang
    akan dibuat

    Contoh : h1{color:red ; }
    Perbedaan Class & ID

    Class : Digunakan untuk mengelompokan


    beberapa element agar memiliki style yang
    sama.

    Contoh Penulisan : .namakelas{


    background:red;
    width : 970px;
    height : 220px;
    }
    Perbedaan Class & ID

    ID : Digunakan untuk mengelompokan


    element agar memiliki style tertentu.

    Contoh : #namaID {
    background:blue;
    width : 900px;
    height : 210px;
    }
    Type css

    Inline : digunakan untuk style dalam baris


    Internal : digunakan untuk style dalam satu
    file
    External : digunakan untuk style diluar file
    Contoh : <link rel=“stylesheet” type=“text/css”
    href=“style.css”>
    background

    Untuk membuat / menggunakan


    background lebih bervariasi bisa
    menggunakan perintah
    #nama id {
    background:url(namagambar.ektensi);
    }

    Atau
    .nama class {
    Color:red;
    }
    Font family

    Untuk menentukan jenis font-family pada


    suatu teks.

    Contoh : h4{
    Font-family: calibri;
    }
    Font Style

    Digunakan untuk membuat style font.

    Contoh : p {
    Font-style:italic;
    }
    Font size

    Digunakan untuk memberikan jenis ukuran


    pada suatu tulisan

    Contoh :
    P{
    Font-size:20px;
    }
    Warna teks

    Digunakan untuk memberikan warna pada


    sebuah teks.

    Contoh :
    P{

    Color: red;
    }
    Jarak teks

    Digunakan untuk mengatur jarak space


    pada sebuah teks

    Contoh :
    P{
    Word-spacing:20px;
    Letter-spacing:20px;
    }
    jenis perataan teks

    Digunakan untuk mengatur perataan teks

    Contoh :

    P{
    text-align:center;
    text-align:right;
    text-align:justify;
    }
    Membuat layouts
    <html>
    <head>
    <title>layouts dasar
    </title>
    </head>
    <body>
    <div id=“header”>welcome to my web</div>
    <div id=“navigasi”>
    <ul>
    <li><a href=“”>a</a></li>
    <li><a href=“”>b</a></li>
    <li><a href=“”>c</a></li>
    <li><a href=“”>d</a></li>
    </ul>
    </div>
    <div id=“isi”>
    <p>isi halaman web</p>
    </div>
    <div id=“footer”>copyright 2015
    </div>

    </body>
    </html>
     Next
     Membuat halaman sederhana sistem informasi
    instansi masing-masing !!!
    Hatur Nuhun
    www.pmo.itb.ac.id

    L/O/G/O

    Anda mungkin juga menyukai