Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 7d58607

Browse files
authored
Merge pull request bellshade#214 from abinoval/CSSIntroduction
add: materi CSS Introduction
2 parents 4c25dce + c8d4dd1 commit 7d58607

File tree

1 file changed

+36
-0
lines changed

1 file changed

+36
-0
lines changed

CSS/000 CSS Introduction/README.md

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
# CSS Introduction
2+
3+
**CSS** (*Cascading Style Sheets*) digunakan untuk menata halaman web — misalnya untuk mengubah font, warna, ukuran, dan spasi konten kita, membaginya menjadi beberapa kolom, atau menambahkan animasi dan fitur dekoratif lainnya.
4+
5+
## Mengapa Menggunakan CSS?
6+
7+
CSS digunakan untuk menentukan style halaman web kita, termasuk desain, tata letak, dan variasi tampilan untuk berbagai perangkat dan ukuran layar.
8+
9+
### CSS Memecahkan Masalah Besar
10+
11+
HTML **TIDAK PERNAH** dimaksudkan untuk memuat tag untuk memformat halaman web!
12+
13+
HTML dibuat untuk menggambarkan konten halaman web, seperti:
14+
15+
```html
16+
<h1>Ini adalah judul</h1>
17+
18+
<p>Ini adalah paragraf.</p>
19+
```
20+
21+
Ketika tag seperti `<font>` dan atribut warna ditambahkan ke spesifikasi HTML 3.2, itu memulai mimpi buruk bagi pengembang web. Pengembangan situs web besar, di mana font dan informasi warna ditambahkan ke setiap halaman, menjadi proses yang panjang dan mahal.
22+
23+
Untuk mengatasi masalah ini, *World Wide Web Consortium* (W3C) membuat **CSS**.
24+
25+
**CSS** menghapus pemformatan gaya dari halaman HTML!
26+
27+
### CSS Menghemat Banyak Pekerjaan
28+
29+
Definisi style biasanya disimpan dalam file .css eksternal.
30+
31+
Dengan file stylesheet eksternal, kita dapat mengubah tampilan seluruh situs web hanya dengan mengubah satu file!
32+
33+
## Sumber
34+
35+
- [W3School](https://www.w3schools.com/css/css_intro.asp)
36+
- [MDN](https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps)

0 commit comments

Comments
 (0)