Tahukah anda keuntungan menggunakan css ini.? Ku yakin pasti orang-orang sudah pada tahu, tapi tidak salahnya juga saya menuliskan artikel mengenai hal ini, berbeda pendapat itu adalah hal wajar, hal ini adalah pendapat saya mengenai keuntungan menggunakan CSS, jika ingin tahu maka simak artikel di bawah ini.
Catatan : Telitilah saat membaca
Apa keuntungan CSS?
CSS memungkinkan anda dapat memisahkan layout (Tampilan) dari isi dokumen, CSS ini juga memungkinkan anda dapat menentukan layout (Tampilan) yang lebih ampuh di bandingkan dengan HTML. Di bawah ini ada beberapa keuntungan menggunakn CSS yang bisa anda lakukan saat menggunakan CSS :
- Menentukan tampilan dari halaman-halaman web dalam sebuah tempat tanpa mengulangnya kembali melalui script (kode) HTML anda. Hal Ini akan lebih efisien di bandingkan menentukan warna dan font tiap kali anda memulai sebuah cell baru dalam sebuah tabel.
- Dengan mudah mengubah tampilan dari halaman-halaman web walaupun setelah halaman tersebut di buat. Setelah style di tentukan dalam sebuah tempat, anda dapat mengubah tampilan keseluruhan situs sekaligus tanpa harus mengganti tag-tag tertentu ketika mengubah salah satu tampilan dari elemen halaman anda.
- Menentukan ukuran font dan atribut-atribut yang sejenis dengan keakuratan yang sama dengan sebuah "word processor" dan tidak dibatasi hanya untuk tujuh ukuran font berbeda yang telah di tetapkan dalam HTML.
- Menentukan isi hingga ukuran piksel dari tiap halaman web dengan akurat
- Menentukan kembali keseluruhan tag-tag HTML. Sebagai contoh, anda dapat dengan mudah membuat tabel tag menjadi berwarna merah menggunakan font yang spesial
Style tersebut di hubungkan untuk memformat tampilan dalam dokumen HTML tersebut.
Dalam mengimpor file CSS, anda dapat langsung mengimpor beberapa file CSS, sekaligus dalam sebuah dokumen agar memperkaya tampilan dokumen seperti terlihat pada contoh kode di bawah ini:
- <link rel="stylesheet" type="text/css" href ="default1.css"
- <link rel="stylesheet" type="text/css" href ="default2.css"
- <link rel="stylesheet" type="text/css" href ="default3.css" Atau
- <style>
- <!--
- @import url(default1.css)
- @import url(default2.css)
- @import url(default3.css)
- -->
- </style>
Perbedaan dalam terakhir adalah perintah impor tersebut akan mengambil style CSS dengan cara import style dari alamat url yang anda tentukan. Cara ini lebih efisien karena dokumen yang kita beri perintah impor tersebut hanya akan mengimpor file CSS yang pada akhirnya style CSS tersebut eksternal yang terpisah dengan dokumen HTML asli.
Ketika surfing ke dalam situs anda maka CSS akan di sembunyikan dalam komputer pengguna sehingga akan memperkecil ukuran file sebuah situs yang kita buat. Jadi jika anda menggunakan cara terkahir ini, maka sebelumnya anda harus membuat sebuah dokumen style CSS eksternal tersebut dengan eksternal (.css) di mana dokumen style tersebut berisi aturan yang akan mengatur tampilan dokumen web yang di buat.
Struktur CSS
Dalam pembuatan dokumen web menggunakan style CSS di kenal adanya aturan atau struktur penulisan buku agar style CSS yang anda buat tersebut dapat di tampilkan dengan baik dalam dokumen web yang di buat. Perhatikan Contoh kode script di bawah ini:
- <html>
- <head>
- <title> HTML Selector </title>
- <style type="text/css">
- <!--
- p {font-family: verdana;}
- -->
- </style>
- </head>
- <body>
- <p> penggunaan HTML Selector dalam CSS</p>
- </body>
- </html>
Pada contoh di atas di gunakan tag HTML <p> sebagai selector dan setiap huruf yang berada di antara tag </p> akan memiliki jenis font verdana sesuai dengan value atau nilai yang di berikan pada property style tersebut. Seperti terlihat dalam gambar di bawah ini:
Untuk penjelasan mengenai apa keuntungan menggunakan CSS hanya itu saja yang bisa saya sampaikan, dengan adanya artikel ini semoga membantu dan bermanfaat, sampai jumpa di Artikel lain, dan terimakasih sudah berkunjung di artikel saya. Salam Sukai Penulis
0 Komentar