• Breaking News

    Tempat segudang informasi dan pembelajaran pemrograman website

    Rabu, 01 Februari 2017

    Pengenalan CSS

    PENGENALAN CSS


    Pengenalan css
    Pengenalan css

    Apasih itu CSS ? CSS yaitu kepanjangan dari Cascading Style Sheet , CSS menjelaskan bagaimana element HTML yang akan ditampilkan pada layar , kertas atau media lain. CSS menghemat banyak pekerjaan. Hal ini dapat mengontrol tata letak halaman web beberapa sekaligus . CSS disimpan dengan extensi (*.css) .

    Nah , Apasih hubungannya HTML dengan CSS ? Jadi kalau diibaratkan HTML itu adalah rumah sedangkan CSS itu catnya , nah dari pengertian itu CSS akan membuat halaman HTML lebih indah , mempercantik halaman website agar familiar untuk dilihat .

    Bagaimana sih caranya menulis CSS ?

    Solusi Pertama :
    - Kamu bisa langsung menyelipkan kode CSS ke dalam HTML dalam apitan tag

    <style>
    Disini style kamu .
    </style>

    Contoh :

    <style>
     .body{
      background-color:#000;
    }
    </style>

    Keterangan Dari kode diatas yaitu tag dalam HTML yang berupa <body> akan berwarna hitam . Kenapa kok bisa hitam ? karena dalam color #000 adalah warna hitam . Untuk mempermudah pengambilan background warna kamu juga bisa mengunakan color picker plugin dari google.

    Solusi Kedua :
    -Kamu menyambungkan link CSS kamu

    Step:
    1. Buat File baru HTML : Berisi tag html
    2.Buat File baru CSS : Berisi file css
    3.Jangan lupa path foldernya.

    Caranya gimana ? Cukup simple yaitu menggunakan tag <link> . Dibagian mana sih ? Didalam tag <head> . Kok bingung ya ? Berikut Contoh kode untuk menyambungkan link css :

    <html>
      <head>
        <link rel="stylesheet" href="pathfolderkamu/filekamu.css" />
      </head>
        <body>
        
    </body>
    </html>

    Dan didalam file CSS dapat kamu isikan attribut css tanpa menggunakan tag <style> </style> seperti solusi pertama . Jika mendapat kendala error dapat mengecheck menggunakan developer tools dengan F12 pada keyboard . Kadang kendala diawal untuk pembelajaran adalah not found / path foldernya tidak cocok dengan yang kamu buat . 

    HTML dan CSS akan selalu berdampingan dengan canggihnya teknologi banyak framework css yang dapat langsung kita gunakan tanpa harus menulis dari nol . Contohnya Bootstrap , Material UI , SEMATIC , BULMA , dengan demikian akan mempercepat serta memudah dalam penampilan web yang akan ditampilan dilayar monitor . Dan jangan lupa untuk mencoba terus menerus pemrograman HTML karena HTMLdan CSS adalah bentuk paling DASAR dalam belajar pemrograman web.

    Tidak ada komentar:

    Posting Komentar