Modul 4 CSS Lanjut - Ilham - Id
Modul 4 CSS Lanjut - Ilham - Id
id
Blog Ilham vanny putra
Block Elemen pada dasarnya sudah memiliki baris baru setelah dan sebelum elemennya.
Sebuah elemen HTML, dapat kita ubah perilakunya dengan menggunakan properti css display.
Contoh:
p { display: inline; }
img { display: block; }
HTML <div>
Tag <div> merupakan block elemen pada HTML yang biasa digunakan sebagai kontainer / wadah dari sekumpulan elemen-elemen HTML lain di
dalamnya.
Tag <div> jika digunakan hanya pada HTML, tidak akan memiliki fungsi apa-apa. Kecuali, hanya sebagai elemen block yang akan menambahkan baris
baru pada elemen di dalamnya
Jika digunakan bersamaan dengan CSS, Tag <div> dapat berfungsi untuk mengatur style pada sekumpulan elemen HTML yang berada di dalamnya.
Penggunaan lain untuk Tag <div> adalah sebagai cara untuk mengatur layout pada halaman.
HTML <span>
Tag <span> merupakan inline elemen pada HTML yang biasa digunakan sebagai kontainer/ wadah dari teks
Tag <span> tidak menciptakan baris baru pada elemen di dalamnya.
CSS Dimension
Terdiri dari :
Width
Height
Sebuah elemen HTML dapat kita anggap sebagai sebuah box/ kotak.
Digunakan pada saat kita akan merancang tampilan sebuah website.
Pada dasarnya berfungsi sebagai tempat yang membungkus isi dari elemen-elemen HTML.
Tag yang biasanya digunakan untuk merancang tampilan adalah <div>, walaupun tag lain juga bisa menerapkan box model.
Terdiri atas 4 bagian: Margin, Border, Padding, Content.
CSS Margin
Contoh:
CSS Padding
CSS padding properties digunakan untuk menentukan spasi antara border elemen dengan isi element
Pelajari Property & Value pada CSS Padding disini.
Contoh:
CSS Border
Contoh:
MENU
Share this:
Related posts:
Membuat aplikasi web dinamis sederhana Daftar Property dan Value dalam CSS (Margin, Daftar Property dan Value dalam CSS (Font, Text,
menggunakan PHP dan MySQL Padding, Border dan Positioning) Background, List dan Marker)
Leave a Reply
Your email address will not be published. Required fields are marked *
Comment
Name*
Email*
Website
Post Comment
Search …
Recent Posts
Filter data by – or _
Categories
Android
Android Studio
Bank
C#
Contoh
Design
Dialog
Digital Ocean
DNS
Docker
Ebook
Example
git
ISO
json
Kampus
laporan
Linux
Makalah
motivasi
Musik
Office
Optimasi
Payoneer
Pemrograman Web
php
PKN
Polinela
Projek
PTI
Server
Server VPS
Sistem Operasi
sql
SQL SERVER
Tips
Tips
Tutorial
Uncategorized
Visual Studio
VPS
Wordpress
ilham.id © 2019