CSS Tutorial

CSS (Cascading Style Sheets) merupakan aturan untuk mengatur style & layout beberapa komponen dalam sebuah web, sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman. CSS dapat mengendalikan ukuran gambar, warna teks, warna tabel, ukuran border, spasi antar paragraf, spasi antar teks, margin dan parameter lainnya. Tutorial kali ini membahas step-by-step bagaimana menggunakan CSS untuk mengatur style & layout elemen HTML mulai dari nol.

⏰ Timestamp links	📚 Bahasan Materi
#1 Intro	Apa itu CSS? Inline CSS Internal CSS External CSS
#2 Selector	Tag, class, ID & attribute selector Group selector Descendant, child & adjacent selector
#3 Pseudo Elements & Classes	first-child, last-child nth-child, nth-of-type first-letter, first-line hover, focus, active
#4 Basic CSS Properties	Color & Background Text styling Width, height & unit length Padding, border & margin
#5 Transformation & Transition	Translate, Rotate, Scale, Skew 3D Transformation Transition
#6 Positioning	Relative Position Absolute Position Fixed Position
#7 Grid	Display Grid Grid Column, Row, Gap & Lines Nested Grid
#8 Summary	Summary References

---

Responsive Web Design

Responsive Web Design merupakan teknik penggunaan HTML, CSS & teknologi pendukung web development lainnya, untuk membuat tampilan website yang responsif terhadap ukuran layar device user. Website yang responsif akan memiliki user interface yang efektif & user experience yang baik di beragam device user. Tutorial kali ini membahas step-by-step bagaimana menggunakan HTML & CSS untuk membuat tampilan website yang responsif.

⏰ Timestamp links

• #1 Intro
• #2 Responsive Size
• #3 Responsive Content
• #4 Responsive Layout
• #5 Summary

Lintang Wisesa 💌 [email protected]

Facebook | Twitter | LinkedIn | Youtube | :octocat: GitHub | Hackster