● online
- MP3 TF 16P Alternatif DFPlayer mini MP3 Player Ard....
- Dual Volt Amp Meter Digital Ampere Meter Voltmeter....
- Modul Sensor Tegangan AC Bolak balik 220V Listrik ....
- IIC I2C LCD 1602 16x2 2004 20x4 Backpack for LCD A....
- Wemos D1 Mini ESP8266 - IoT Board....
- Arduino Mega 2560 R3 - ATMEGA2560 Clone - CH340....
- Dimmer AC 4000W 220 Volt 4000 Watt 220V + Casing A....
- E18-D80NK Infrared Obstacle Avoidance Sensor Proxi....
- 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
IC AtMega328p pada Arduino Uno anda rusak? panas? atau anda ingin membuat sistem minimum sendiri? tenang solusinya adalah dengan... selengkapnya
Siapa yang kenal dengan modul SIM? dengan modul ini kita bisa berkomunikasi dengan SIM GSM baik untuk mengirim... selengkapnya
Pulse sensor merupakan sensor yang berfungsi untuk mengukur banyaknya detak jantung dengan satuan menit atau BPM (Beats Per Minutes). Pada... selengkapnya
Semangat pagi, kali ini kita akan belajar untuk mengontrol LED melalui wifi menggunakan NodeMCU. Mengapa LED? nggak langsung ke... selengkapnya
RTC DS3231 merupakan sebuah jenis modul yang dapat menghasilkan waktu digital secara realtime dengan tambahan sebuah baterai tipe kancing... selengkapnya
Sensor ultrasonik merupakan sensor yang dapat mendeteksi suatu benda yang ada di depannya dengan jarak tertentu. Prinsip kerja dari... selengkapnya
I think I need to make a virtual personal assistant that can help me make a self-service video tutorial... selengkapnya
LDR (Light Dependent Resistor) adalah sensor cahaya yang berbasis nilai resistansi. Semakin banyak intensitas cahaya yang diterima maka semakin... selengkapnya
Halo semuanya, pada kesempatan kali ini Saya ingin berbagi tutorial tentang simulasi penggunaan sensor suhu TMP36 untuk mengukur suhu... selengkapnya
I2C merupakan sebuah modul komunikasi serial dua arah yang berfungsi untuk mengirim dan menerima data. Keduanya adalah SCL (Serial... selengkapnya
Spesifikasi: Microcontroller : ATmega328 Architecture : AVR Operating Voltage : 5 V Flash Memory 32 KB of which 2 KB… selengkapnya
Rp 77.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 12.400Spesifikasi : – 16×2 – Warna Biru – Tegangan kerja : 5v – Sudah include module I2C Backpack dan tersolder… selengkapnya
Rp 30.000Bagaimana jika mikrokontroler yang anda gunakan tidak memiliki port ADC. atau anda masih kurang dengan spesifikasi resolusi ADC yang disediakan… selengkapnya
Rp 65.000ESR meter/LCR meter dengan layar lebar lebih jelas dan mantap dan dengan tempat batre jd lebih rapih batre lebih aman… selengkapnya
Rp 131.000 Rp 134.000Spesifikasi: 20mm Kapton Tape Polymide Film Gold High Temp isolasi Tahan Panas Harga Tertera: 1 Roll Kapton Tape Polymide Film… selengkapnya
Rp 219.0001 X LDR Sensor 5mm Cahaya 5528 Light Dependent Resistor LDR
Rp 4.000Kabel Jumper Dupont Pelangi 10 cm male to male 1 lembar = 40 kabel
Rp 13.000Modul sensor tegangan AC bolak balik 1 fasa ini menggunakan optocoupler sehingga tegangan input (AC) tidak akan mengganggu/membahayakan tegangan output… selengkapnya
Rp 21.000Clone of the highest version of the Arduino platform with the ATmega2560 processor. It fully works with Arduino IDE. A… selengkapnya
Rp 292.000
Saat ini belum tersedia komentar.