● online
- Raspberry Pi 4 Model B - 2GB RAM Raspberry Pi 4B....
- Kabel Jumper arduino Dupont Pelangi 30 cm Male to ....
- Max7219 Led Dot Matrix 32x8 Display Module For Ard....
- SG90 Motor Servo For Arduino Uno Mega SG 90 Biru S....
- Motor servo MG996R TowerPro Metal Gear....
- Kabel Jumper 10cm Dupont Pelangi 10 cm Female to M....
- Sensor Ultrasonik HC-SR04 HC SR04 Sensor Jarak Ult....
- Push Button Tactile Switch Saklar Tombol Tinggi - ....
- Selamat Datang di Indomaker ❯ Silahkan pesan produk sesuai kebutuhan anda, kami siap melayani.
- Selamat Datang di Indomaker ❯ Silahkan pesan produk sesuai kebutuhan anda, kami siap melayani.
Pengertian CSS dan Cara Kerja CSS bagi Web Developer
APA itu CSS?
CSS adalah kepanjangan dari “Cascading Style Sheets”. adalah kumpulan kode program yang digunakan untuk memberi sentuhan gaya atau corak tampilan (style) pada sebuah element atau struktur halaman web yang dibuat oleh HTML. Dengan menggunakan CSS developer dapat mengubah jenis tulisan, mengubah warna, mengubah ukuran gambar dan background atau latar belakang hampir seluruh kode tag HTML. CSS saling berkaitan dengan HTML. HTML dikhususkan untuk membuat struktur halaman, isi konten atau informasi dari halaman web tersebut, sedangkan CSS dikhususkan untuk mengubah dan mengatur tampilan dari halaman website.Sejarah CSS
World Wide Web Consortium (W3C) yaitu komunitas seluruh dunia yang mengembangkan CSS yang berkontribusi untuk memberi masukan, mengembangkan spesifikasi dan menulis CSS untuk mendefinisikan standar bahasa CSS yang akan digunakan oleh semua orang, juga agar vendor yang mengembangkan aplikasi web browser dapat mengimplementasikan, spesifikasi CSS pertama kali diperkenalkan pada tahun 1996.Fungsi CSS
CSS atau singkatan dari “Cascading Style Sheets” di gunakan untuk mendesain halaman tampilan website karena dengan CSS dapat mengatur warna teks, mengatur jenis font, mengatur baris antar paragraf, mengatur background, mengatur gambar, mengatur layout dan masih banyak lagi fungsi dari CSS.Manfaat menggunakan CSS
- Mempercepat proses desain dalam mengembangkan website
- Halaman website lebih cepat
- Style lebih beragam dibandingkan dengan HTML
- Kompatibel dengan berbagai perangkat
Mengapa CSS diciptakan?
- Aturan – aturan yang dapat digunakan untuk menampilkan elemen / tag HTML
- Bertujuan untuk memisahkan konten dan style
- Dibuat terpisah dengan HTML
- Satu halaman HTML bisa membuat tampilan berbeda hanya dengan menggunakan CSS
- Satu file CSS dapat digunakan untuk berbagai halaman HTML
Cara menggunakan CSS
Setelah mengetahui pengertian CSS dan fungsinya maka akan melanjutkan dengan bagaimana cara menggunakan CSS? Jawabannya adalah CSS membuat Style di dalam sebuah halaman website yang dapat berinterkasi dengan elemen HTML. Berikut salah satu contoh penggunaan CSS: Kerangka CSS : selector { property: value; } Misalkan kita mempunyai lima halaman HTML dan kita ingin memberi nama dan menebalkan Paragraf di semua halaman maka cukup dengan mengubah di dalam satu CSS untuk semua halaman Contoh : Semua elemen <p> ditandai dengan warna merah dan hurufnya ditebalkan (bold).
Penempatan CSS didalam kode HTML
Dalam menggunakan CSS ada 3 macam penempatan CSS yang dapat dipakai didalam baris kode HTML.
Penempatan CSS secara Internal CSS
baris kode CSS dituliskan di bagian atas <header> didalam file HTML. Cara ini sangat cocok dalam pembuatan halaman web dengan tampilan yang berbeda. Contoh :
Penempatan CSS secara Inline CSS
Inline CSS adalah penempatan CSS secara langsung di buat di dalam HTML dan hanya fokus mengubah satu bagian baris kode saja Contoh :
Penempatan CSS secara External CSS
External CSS adalah penempatan baris code CSS yang terpisah dengan file HTML menggunakan file CSS dapat mengubah Sebagian besar pengaturan tampilan website secara keseluruhan meskipun mempunyai lebih dari satu halaman HTML dapat diatur dengan satu file CSS. Contoh :
Penutup
Sebagai programmer web sangat penting untuk memahami CSS karena dapat memudahkan dalam mengatur tampilan website agar lebih menarik dan nyaman saat digunakan mengingat CSS diciptakan agar baris kode HTML rapi dan memudahkan developer agar cepat dalam mengubah dan mengatur tampilan halaman website.Pengertian CSS dan Cara Kerja CSS bagi Web Developer
Mari kita belajar lagi, kali ini membahas sensor LDR. Dimana sensor ini nilainya akan berubah menyesuaikan cahaya yang diterima... selengkapnya
Traffic Light atau lampu lalu lintas adalah lampu yang mampu menertibkan arus lalu lintas jalanan baik kendaraan bermotor, mobil,... selengkapnya
Bagi Sebagian developer website atau yang sedang belajar javaScript, pasti familiar dengan istilah jQuery. Sebenarnya apa itu jQuery? Dan... selengkapnya
Sebagai seorang programmer tentu saja harus mempunyai kemampuan di bidang Bahasa pemograman karena landasan utama dalam membangun sebuah aplikasi... selengkapnya
Rain sensor merupakan sensor yang berfungsi untuk mendeteksi hujan turun atau tidak. Intinya sensor ini jika terkena air pada... selengkapnya
Android Intent adalah struktur data atau objek yang terdapat deskripsi dari tugas yang akan dijalankan. Salah satu keunggulan dari... selengkapnya
Pada penggunaan mesin CNC router salah satu kegunaanya adalah dapat membuat layout atau jalur PCB. Cara penggunaanya kita memerlukan... selengkapnya
Ada beberapa jenis view di Android dan kali ini yang kita akan bahas adalah ListView. ListView adalah view yang... selengkapnya
Sensor LM35 merupakan sebuah sensor yang dapat mendeteksi suhu ruangan dengan cara mengubah besaran suhu menjadi besaran listrik dalam... selengkapnya
Oke kali ini akan membahas seputar sensor fingerprint, dimana fungsi dari fingerprint ini adalah sebagai validasi data identitas dengan... selengkapnya
Bosan dengan modul arduino yang kalian punya, saatnya mencoba modul programmer yang lain yah ini dia RASPBERRY PI 4 COMPUTER… selengkapnya
Rp 1.570.000Harga untuk 10pcs Resistance: 1K Ohm Wattage Rating: 0.25 Watt Tolerance: 1% Metal Film
Rp 1.500Features: Brand new and high quality. Control the speed of a DC motor with this controller. High efficiency, high torque,… selengkapnya
Rp 33.000Menerima jasa cetak PCB FR2 (pertinax) / FR4 (double) single / double layer. Silahkan ke web kalkulator biaya cetak pcb… selengkapnya
Rp 1.000Dual Volt Amp Meter Digital Ampere Meter Voltmeter 10A 0-100V Ammeter Dilengkapi dengan pengukuran Voltmeter dan Amperemeter dalam 1 display… selengkapnya
Rp 26.500Arduino Uno adalah board mikrokontroler yang berbasis ATmega328P. Arduino Uno memiliki 14 pin input/output digital (6 di antaranya dapat digunakan… selengkapnya
Rp 93.000 Rp 98.000this is another great IIC/I2C/TWI/SPI Serial Interface. As the pin resources of for Arduino controller is limited, your project may… selengkapnya
Rp 8.300Bosan dengan modul arduino yang kalian punya, saatnya mencoba modul programmer yang lain yah ini dia RASPBERRY PI 4 COMPUTER… selengkapnya
Rp 1.545.000Kabel jumper Dupont untuk jumper Arduino atau Raspberry Pi 20 cm Male to Male 1 lembar = 40 kabel
Rp 15.500Case patern: Solid Warna : Merah dan Hijau Current: 10-20 mA Diameter: 3mm
Rp 300
Saat ini belum tersedia komentar.