CSS: Belajar – Tutorial – Simulasi dan Contoh

Reviewed by Sutiono S.Kom., M.Kom., M.T.I

by Sutiono S.Kom., M.Kom ., M.T.I June 10, 2020

CSS singatan dari cascading style sheets, merupakan bahasa yang digunakan untuk memodifikasi tampilan dokumen HTML.

CSS menjelaskan bagaimana dan dalam bentuk apa elemen HTML harus ditampilkan.

Poin Penting:

Baris kode css di awali dengan <style> </style>
Css biasanya ditempatkan di header dokumen html atau antara tag dan
Css juga bisa di simpan di file eksternal dengan ekstensi .css

CSS Basic

CSS Advance

CSS Dasar
Sintak di CSS
Selector di CSS
Menggunakan CSS
Color di CSS
– RGB Color CSS
– Hex Color CSS
– HSL Color CSS
Background di CSS
– Background Color di CSS
– Background Image di CSS
– Background Repeat di CSS
– Background Attachment di CSS
– Background Shorthand CSS
Border di CSS
– Border CSS
– Border Width CSS
– Border Color CSS
– Border Sides CSS
– Rounded Border CSS
Margin di CSS
Padding di CSS
Height/Width di CSS
Box Model di CSS
Outline di CSS
– Outline Width CSS
– Outline Color CSS
– Outline Offset CSS
– Outline Shorthand di CSS
Text di CSS
– Text Color di CSS
– Text Shadow di CSS
– Text Alignment di CSS
– Text Spacing di CSS
– Text Transformation di CSS
– Text Decoration di CSS
Font di CSS
– Font family
– Font Style
– Font Size
– Google Font
– Font Shorthand (Rangkuman)
Icon di CSS
Link di CSS
Lists di CSS
Table di CSS
Layout di CSS
– Display di CSS
– Inline-block di CSS
– Max-width di CSS
– Position di CSS
– Overflow di CSS
– Align di CSS
– Float di CSS
— Float CSS
— Clear CSS
— Contoh Float
Combinators di CSS
Pseudo-class di CSS
Pseudo element di CSS
Opacity di CSS
Navigation Bar di CSS
– Navbar
– Navbar Vertikal
– Navbar Horizontal
Dropdown di CSS
Image Gallery di CSS
Image Sprites di CSS
Attr Selectors di CSS
Form di CSS
Counters di CSS
Website Layout di CSS
Unit di CSS
Specificity di CSS

Rounded Corners di CSS
Border Images di CSS
Gradient di CSS
– Linear Gradien CSS
– Radial Gradien CSS
Shadow di CSS
– Shadow Effect di CSS
– Box Shadow CSS
Text Effect di CSS
Web Font di CSS
2D Transform di CSS
3D Transform di CSS
Transisi di CSS
Animasi di CSS
Tooltip di CSS
Style Images di CSS
object-fit di CSS
Button di CSS
Pagination di CSS
Multiple Columns di CSS
User Interface di CSS
Variabel di CSS
Box Sizing di CSS
Flexbox di CSS
– Flex Item CSS
– Flex Container CSS
– Flex Responsive CSS
Media Queries di CSS
Contoh MQ di CSS

CSS Reference	CSS Responsive
CSS Reference CSS Browser Support Selektor di CSS Function di CSS CSS Reference Aural Web Safe Font di CSS CSS Animatable CSS Units Konverter PX ke EM di CSS CSS Colors CSS Color Values CSS Default Values CSS Entities	RWD Intro RWD Viewport RWD Grid View RWD Media Queries RWD Images RWD Videos Framework RWD RWD Templates

CSS Grid
CSS Grid Intro Grid Container Grid Item

CSS

Sutiono S.Kom., M.Kom ., M.T.I

Hi, i'm lecturer, technopreneur, investor, businessman, of course an IT Maniac. Have more than 12 years experience in as professional, and 10 years as technopreneur.