Dasar Dasar CSS

Halo semuanya, apa kabar? Semoga sehat-sehat selalu ya, Amiin. Pada kesempatan admin akan membuat tutorial dasar dasar css

CSS, atau Cascading Style Sheets, adalah bahasa pemrograman yang digunakan untuk mengatur tampilan dan format dokumen web, seperti HTML. CSS memungkinkan pemisahan konten (yang biasanya diatur dengan HTML) dari presentasi visualnya, sehingga memudahkan perancang web dalam mengatur tampilan situs

selector {

  property: value;

  property: value;

}

Typography

.text-styling {

  font-family: "Arial", sans-serif;

  font-size: 16px;

  font-weight: bold;

  line-height: 1.5;

  text-align: center;

  text-decoration: underline;

  color: #333333;

}

Colors

.color-examples {

  /* Nama warna */

  color: red;

  /* Hex */

  background-color: #ff6b6b;

  /* RGB */

  border-color: rgb(255, 107, 107);

  /* RGBA (dengan transparansi) */

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

  /* HSL */

  background: hsl(0, 100%, 50%);

}

Background

.background-examples {

  background-color: #f8f9fa;

  background-image: url("image.jpg");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  /* Shorthand */

  background: #f8f9fa url("image.jpg") center/cover no-repeat;

}

Margin

p {

  margin-top: 100px;

  margin-bottom: 100px;

  margin-right: 150px;

  margin-left: 80px;

}

Padding

div {

  border: 1px solid black;

  background-color: lightblue;

  padding-top: 50px;

  padding-right: 30px;

  padding-bottom: 50px;

  padding-left: 80px;

}

sasa

sasa