Scribd Logo
Unggah

Selamat datang di Scribd!

  • Pemrog Web 4 (CSS-1)

    Diunggah oleh

    MAHARDIKA RAFI MAULANA
    22 tayangan20 halaman
    1. CSS digunakan untuk mengatur tampilan halaman web dan membuatnya lebih dinamis dan menarik. 2. Terdapat tiga teknik menulis CSS yaitu internal, eksternal, dan inline CSS. 3. Sintaks CSS terdiri atas selector, properti, dan nilai yang dipisahkan oleh tanda kurung dan titik koma.

    Deskripsi Asli:

    kmk

    Judul Asli

    2. Pemrog Web 4 (CSS-1)

    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
    1. CSS digunakan untuk mengatur tampilan halaman web dan membuatnya lebih dinamis dan menarik. 2. Terdapat tiga teknik menulis CSS yaitu internal, eksternal, dan inline CSS. 3. Sintaks CSS terdiri atas selector, properti, dan nilai yang dipisahkan oleh tanda kurung dan titik koma.

    Hak Cipta:

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

    Pemrog Web 4 (CSS-1)

    Diunggah oleh

    MAHARDIKA RAFI MAULANA
    1. CSS digunakan untuk mengatur tampilan halaman web dan membuatnya lebih dinamis dan menarik. 2. Terdapat tiga teknik menulis CSS yaitu internal, eksternal, dan inline CSS. 3. Sintaks CSS terdiri atas selector, properti, dan nilai yang dipisahkan oleh tanda kurung dan titik koma.

    Hak Cipta:

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

    PEMROGRAMAN WEB

    SESSION 4 : CSS

    1
    Definisi

    • CSS = Cascading Style Sheets ( Bahasa lembar Gaya ).


    CSS merupakan bahasa yang digunakan untuk
    mengatur tampilan suatu dokumen yang ditulis dalam
    html. Jika kita berbicara dalam konteks web, bisa
    diartikan secara sebagai: CSS merupakan bahasa yang
    digunakan untuk mengatur tampilan / desain suatu
    halaman HTML sehingga tampak lebih dinamis dan
    menarik.
    APA ITU CSS???

     Feature untuk membuat dynamic HTML.


     Style sheet mendeskripsikan bagaimana
    tampilan document HTML di layar (template)
     Membuat special efek (e.g: mendefinisikan
    style untuk <H1> dengan style bold dan italic
    dan berwarna biru)
     Support ke semua browser.
    KEUNTUNGAN MENGGUNAKAN CSS
    • CSS memberikan keseragaman pada halaman web.
    • Dengan CSS dapat menghemat banyak waktu dan
    pekerjaan berulang. Saat menggunakan CSS,
    perubahan tidak perlu dilakukan dalam setiap halaman
    web. Anda hanya perlu membuat perubahan dalam
    style sheet.
    • CSS memungkinkan Anda untuk memuat halaman web
    Anda dengan mudah.
    • CSS membantu Anda memelihara halaman web Anda
    dengan mudah dan efektif.
    • Tampilan web menjadi lebih menarik
    SYNTAX CSS
    Syntax dalam menulis CSS adalah sebagai berikut :

    Contoh :
    body (color: red)
    p {font-family: tahoma}
    h1 {font-weight: bold}

    Note :
    • Nilai untuk property tidak boleh dalam tanda petik.
    contoh : color : “green”;
    • Nama property bersifat case sensitive.
    color : green;
    property : color
    value : green
    Menulis CSS
    Contoh :
    h1 (font-size: 20px; text-align: left; color: blue; font-family: Arial;)

    dapat pula ditulis seperti:


    h1 (font-size: 20px;
    text-align: left;
    color: blue;
    font-family: Arial;)
    SELECTOR???
    • Selector biasanya merupakan elemen HTML atau
    tag dimana berbagai properti diberi suatu nilai.
    Dalam sebuah selector, setiap properti mempunyai
    nilai masing-masing dan sejumlah properti dengan
    nilai-nilai terkait dapat diatur.
    Seperti pada contoh sebelumnya; body, p, dan h1
    adalah suatu selector dimana warna (color), nama
    font (font-family) dan jenis font (font-weight)
    diberi nilai untuk tiap propertinya (tahoma, bold,
    blue, dll).
    Pengelompokan Selector
    Satu selector dapat memiliki beberapa
    properti. Dalam konteks yang berbeda,
    beberapa selector dapat mempunyai properti
    dengan nilai yang sama. Dengan begitu harus
    dilakukan pengolompokan selector.
    h1 , body , p , ul
    {
    color : blue;
    }
    SUMMARY

    1.Kode CSS harus ditulis diantara tag <head> dan </head>


    2.Kode CSS harus di awali dengan tag <style>
    3.Di awali dengan tanda kurung buka "{" dan di akhiri dengan tanda
    kurung tutup "}“
    4.Bila ingin menuliskan property lebih dari 1 gunakan tanda titik koma ";"
    TEKNIK MENULIS CSS

    Internal Style Sheet (Kode CSS dipasang di dalam


    tag head HTML)

    External Style Sheet (file CSS berbeda dari file


    HTML)

    Inline Style Sheet (Kode CSS langsung dipasang di


    tag HTML)
    Internal CSS
    Eksternal CSS

    <link, merupakan tag pembuka diakhiri dengan tanda “>”


    rel=“stylesheet”, menerangkan halaman ini akan dikenai efek style sheet
    type=“text/css”, file yang dipanggil berupa css
    href=“css_files.css”, alamat dokumen stylesheet yang dipanggil
    model.css Home.html

    Contact.html

    tampilan.css Login.php

    Menu.html

    Cetak.php
    Simpan dgn nama
    gayaku.css
    Inline CSS
    Latihan

    Anda mungkin juga menyukai