Pabrik bola | Produsen bola | Custom Bola
  • Home
  • Custom bola
    • Custom bola kaki / sepak
    • Custom bola basket
    • Custom bola futsal
  • Jual bola
  • Info Bola
  • Pesan bola
  • Teknologi

Tutorial Cara Menggunakan CSS Pada Web Design yang Baik

Share on facebook
Share on google
Share on twitter
Share on linkedin

Pada web design, CSS berfungsi untuk mengatur tampilan web yaitu meliputi layout, pengaturan posisi objek, pengaturan warna, pengaturan tinggi atau lebar sebuah objek, pengaturan penggunaan jenis huruf dan ukuran huruf, belakangan CSS juga berfungsi untuk pengaturan atau pembuatan animasi yang disebut dengan CSS3 dengan dikombinasikan penggunaannya dengan HTML dan jQuery atau Javascript.

Untuk menggunakan CSS perlu diperhatikan mengenai kompatibilitas disetiap browser, karena browser yang ada sekarang mempunyai standar berbeda, sebaiknya penulisannya disesaikan dengan standar W3C, maka hampir dapat dipastikan tampilan website akan sama pada setiap browser.

  1. CSS Internal

    CSS Internal adalah CSS Style yang penulisannya disatukan dengan halaman HTML, ditempatkan diantara tag < head >...< /head > untuk penulisannya sendiri seperti di bawah ini.


    < html >
    < head >
    < style type="text/css">
    ... CSS Style ...
    < /style >
    < /head >
    < body >
    ...Konten...
    < /body >
    < /html >

  2. CSS External

    Berbeda dengan CSS Internal pada penggunaan CSS External terbagi menjadi dua buah file yaitu file HTML dan file CSS-nya itu sendiri, yang nantinya file CSS terpisah tersebut akan di load pada halaman HTML agar setiap pengaturannya bisa terbaca pada file HTML yang akan dibuat, selanjutnya tampilan HTML akan sesusai dengan yang kita atur pada file CSS Eksternal, untuk contoh cara penggunaannya sebagai berikut:

    Index.html

    < html  >
    < head >
    < link href="style.css" rel="stylesheet" type="text/css" />
    < /head >
    < body >
    ... Konten ...
    < /body >
    < /html >

    style.css

    body {
    ... css style ...
    }

    #id {
    … css style …
    }


    .class > li{
    ... css style ...
    }

  3. Inline CSS

    Penempatannya yaitu diletakan langsung pada tag HTML yang akan diatur, misalkan CSS Style akan ditempatkan pada tag

    maka diletakan setelah “p”, berikut untuk contoh penulisannya:


    < p style="color:#fff;margin-left:20px;">Ini adalah paragraf.< /p>

Ketiga teknik diatas mempunyai kelebihan dan kekurangan masing-masing namun lebih dianjurkan menggunakan CSS Eksternal, beberapa keuntungan penggunaan CSS Eksternal diantaranya:

  • Ukuran File halaman HTML nantinya akan lebih kecil, dikarenakan file CSS yang digunakan terpisah, jadi memungkinkan proses website loading kan lebih cepat.
  • Memudahkan penggunaan CSS Style, misalkan kita mempunyai banyak halaman pada pembuatan website dan menggunakan style yang sama maka kita hanya perlu membaca file CSS yang telah dibuat dengan cara memanggil pada halaman HTML.

Selamat Mencoba untuk web design Anda .

Leave a Replay

Ikuti kami

Facebook-f
Twitter
Youtube
Medium

Recent Posts

daftar film sepak bola

10 Film Sepak Bola yang Layak di Tonton

posisi pemain sepak bola

Tugas dan Fungsi Posisi Pemain Sepak Bola

arti singkatan sepak bola

Arti singkatan dalam sepak bola

Follow Us

Blibola.comProdusen bola, terima custom bola merk atau logo sendiri, selain produksi kami juga jual bola bola futsal, sepak, voli, produk ready stok. Kami telah berpengalaman dalam bidangnya, lokasi kami di Sukabumi. Untuk Custom bola silakan hubungi kami.

Layanan kami

  • Custom bola basket
  • Custom bola kaki / sepak
  • Custom bola futsal

Produk Kami

  • Bola futsal
    • Bahan PU Leather
  • Bola Sepak No. 5
  • Bola Voli
  • Uncategorized

Hubungi kami

Address: Kp Bungbulang Desa CIjengkol Kec. Caringin Kab. Sukabumi – Jawa Barat
085659034289
Produsen bola - Build with ♥