Apa itu CSS?
Jika berkaitan dengan Teknologi Informasi dan khususnya Internet maka CSS adalah Cascading Style Sheet. CSS digunakan untuk mendefinisikan tag style HTML, atau Halaman Web di internet, dengan style yang tamivoo maksudkan adalah tata letak, ukuran, warna, latar belakang, dan efek sampai batas tertentu.
sebelumnya tamivoo beranggapan bahwa CSS lebih mirip bahasa pemograman dan lebih sering disebut coding namun kenyataanya CSS bukanlah bahasa pemrograman dan tidak memberikan perintah yang membuat sebuah komputer mengoperasikan sesuatu. CSS yang berpengaruh pada style sheet yang difungsikan untuk mengalokasikan atau menggambarkan tampilan dan format dokumen yang ditulis dalam bahasa markup hypertext. CSS menyajikan fitur tambahan yang bisa digunakan pada HTML. Biasanya digunakan dengan HTML guna mengubah style halaman web dan interface atau antarmuka pengguna.
Apa yang dilakukan CSS?
kamu dapat menambahkan tampilan baru ke dokumen HTML lama kamu.kamu dapat sepenuhnya mengubah tampilan situs web kamu hanya dengan beberapa perubahan dalam kode CSS.
Aturan CSS Terbuat dari Selector dan Atribut
sebuah penentu yang memberitahu browser apa unsur-unsur yang digunakan untuk menambahkan style yang ke berapa. Seperti gambar berikut tamivoo hanya akan menggunakan tag seperti <h1>dan <p>, sebagai penentu. dan atribut memberitahu browser bagaimana style elemen yang sudah kamu pilih. Bagian pertama, padding:adalah properti , dan bagian setelah titik dua 20px adalah nilai . Garis diakhiri dengan titik koma.
Secara keseluruhan, pemilih dan properti bersama-sama disebut aturan.
Contoh CSS
Pemilih element, Pemilih ID, Pemilih kelas (untuk semua elemen) Pemilih kelas (hanya untuk elemen <p>) Elemen HTML yang merujuk ke dua kelas Selektor universal Selektor pengelompokan. Eksternal CS, internal CSS, Inline CSS, lembar Beberapa gaya atau style Cascading order.
 |
| Contoh Css |
Tiga Jenis CSS
CSS hadir dalam tiga jenis:
· Dalam file terpisah ( eksternal )
· Di bagian atas dokumen halaman web ( internal )
· Tepat di sebelah teks yang dihiasnya ( sebaris )
Lembar gaya eksternal adalah file terpisah yang penuh dengan instruksi CSS (dengan ekstensi file css). Saat halaman web mana pun menyertakan stylesheet eksternal, tampilan dan nuansanya akan dikontrol oleh file CSS ini (kecuali jika Anda memutuskan untuk mengganti gaya menggunakan salah satu dari dua jenis berikut ini). Ini adalah bagaimana Anda mengubah seluruh situs web sekaligus. Dan itu sempurna jika Anda ingin mengikuti mode terbaru di halaman web tanpa menulis ulang setiap halaman!
Gaya internal ditempatkan di bagian atas setiap dokumen halaman web, sebelum konten apa pun dicantumkan. Ini adalah hal terbaik berikutnya untuk eksternal, karena mudah ditemukan, namun memungkinkan Anda untuk 'mengganti' lembar gaya eksternal -- untuk halaman khusus yang ingin menjadi nonkonformis!
Gaya sebaris ditempatkan tepat di tempat yang Anda butuhkan, di sebelah teks atau grafik yang ingin Anda hias. Anda dapat menyisipkan gaya sebaris di mana saja di tengah kode HTML Anda, memberi Anda kebebasan nyata untuk menentukan setiap elemen halaman web. Di sisi lain, ini dapat membuat pemeliharaan halaman web menjadi tugas yang nyata.
Kerangka CSS
Kerangka kerja CSS adalah pustaka yang telah ditentukan sebelumnya termasuk:
- Blue Print
- Cascade Framework
- Base
-
Bootstrap
Fitur CSS
Lembar style global dapat digunakan dalam CSS sehingga kamu dapat membuat beberapa perubahan style tanpa banyak kesulitan dan memakan waktu lebih sedikit.
kamu dapat membuat satu lembar style eksternal dan dapat menggunakannya untuk banyak style halaman web.
kamu dapat melampirkan lembar style yang berbeda ke halaman web hanya dengan mengubah satu baris.
Mengapa HTML dan CSS terpisah?
HTML memberi tahu browser apa arti konten kamu , sedangkan CSS memberi tahu browser bagaimana tampilannya .
HTML adalah semantik: berkaitan dengan makna konten, sedangkan CSS adalah presentasi—CSS adalah tentang style.
CSS sangat kuat
Berikut adalah dua tangkapan layar dari halaman HTML yang sama, tetapi di sisi kanan, kami telah menonaktifkan semua CSS. Tangkapan layar kiri dengan CSS. CSS sangat kuat sehingga mengubah tampilan dan nuansa halaman web.
Sintaks CSS
Sintaks CSS terdiri dari seperangkat aturan. Aturan-set memiliki 3 bagian, pemilih, properti dan nilai seperti yang ditunjukkan di bawah ini:
· h1 { warna: biru; ukuran font:12px; }
· h1 adalah pemilih
· warna dan ukuran font adalah properti
· Biru dan 12px adalah nilai.
· Bagian dari sintaks yang berisi properti dan nilai dikenal sebagai Blok Deklarasi.
Kelebihan CSS
-
Menghemat waktu
Memberikan kamu kemungkinan untuk menentukan style untuk tiap bagian elemen HTML. Kamu juga dapat menerapkan style CSS ke halaman web berapapun yang kamu inginkan.
-
Perawatan mudah
Kamu bisa memperbarui pemformatan dokumen dan menjaga konsistensi dalam banyak dokumen dengan mudah.
-
Pemuatan halaman lebih cepat
Sudah banyak yang membuktikan beberapa halaman maupun template yang digunakan untuk berbagi pemformatan dapat mengurangi ukuran transfer file yang membantu memuat halaman lebih cepat.
-
Platform Independence
Menawarkan independensi platform dan juga mendukung browser terbaru.
-
Kompatibilitas beberapa perangkat
Memungkinkan kamu mengoptimalkan konten untuk lebih dari satu jenis perangkat. kamu dapat menyajikan dokumen HTML dalam style tampilan yang berbeda untuk perangkat yang berbeda seperti komputer, ponsel, dan printer.
-
Gaya superior ke HTML
Memiliki kemampuan presentasi lebih dari HTML. Ini memungkinkan kamu meningkatkan tampilan halaman HTML kamu lebih baik daripada menggunakan elemen dan atribut presentasi HTML.