HTML & CSS Code

 HTML Code

Text

<br> digunakan untuk membuat jarak enter pada beda div
<br><br> dua br digunakan untuk membuat jarak enter pada div sama

/* keterangan dalam CSS & Js */
<!-- keterangan dalam HTML --> 
// keterangan dalam Js
Kode di atas juga dapat digunakan untuk nonaktifkan fungsi

CSS Code

Text

font-family: inherit; digunakan untuk menentukan jenis font
font-size: 10px; digunakan untuk menentukan besar teks
font-weight: 100:
  • digunakan untuk menentukan tebal teks
  • 100-900, bold, bolder, inherit, initial, lighter, normal, revert, unset
line-height: 1; digunakan untuk membuat jarak atas bawah antar teks
text-overflow: ellipsis; digunakan untuk menampilkan elipsi (...) untuk teks yang terlalu panjang
white-space: nowrap; digunakan agar teks tetap lurus meskipun halaman menciut

Body

background-color: #FF5722; digunakan untuk membuat warna pada background
border: 1px solid #CCCC; membuat border pinggiran setebal 1px dengan warna
border-radius: 10px; digunakan untuk membuat border tumpul di empat sisi
  • border-radius: 1px 1px 1px 1px; untuk membuat empat sisi berbeda

margin: 10px; digunakan untuk menentukan margin empat sisi
margin-block: 10px; digunakan untuk menentukan margin atas bawah
margin-inline: 10px; digunakan untuk menentukan margin kanan kiri
margin-top: 10px;
  • top digunakan untuk menentukan margin atas
  • bottom digunakan untuk menentukan margin bawah
  • left / right digunakan untuk menentukan margin kanan atau kiri
overflow: hidden; digunakan untuk menghilangkan scroll bar halaman
  • overflow-x: hidden; digunakan untuk menghilangkan scroll bar horizontal halaman
  • overflow-y: hidden; digunakan untuk menghilangkan scroll bar vertical halaman

padding: 10px; digunakan untuk menentukan padding empat sisi
padding-block: 10px; digunakan untuk menentukan padding atas bawah
padding-inline: 10px; digunakan untuk menentukan padding kanan kiri
padding-top: 10px;
  • top digunakan untuk menentukan padding atas
  • bottom digunakan untuk menentukan padding bawah
  • left / right digunakan untuk menentukan padding kanan atau kiri

CSS Editor

Editing lebih dari 1 kelompok dipisahkan koma, contoh
.contoh, .contoh-2, .contoh-3 {}

Macam tag html dengan kode editingnya,
<div class="contoh"> </div> editor menggunakan .contoh {}
<div id="contoh"> </div> editor menggunakan #contoh {}

<p> text here </p>
<h1> text here </h1>
<h2> text here </h2>
<h3> text here </h3>
Itu adalah text tulis dengan editor menggunakan langsung p {} / h2 {} dan lainnya