Học CSS

Danh sách các bài viết trong chuyên mục Học CSS, đây là những bài viết mới nhất được cập nhật trong mục Học CSS.

Trong chuỗi bài viết này bạn sẽ được học CSS căn bản và CSS nâng cao qua những bài viết sinh động và ví dụ minh họa trực quan. Các bài viết được biên soạn bởi nhiều tác giả nên về nguồn một số bài sẽ có tham khảo trên internet, cũng có một số bài sẽ tự viết.

CSS rất quan trọng trong một website, nó là ngôn ngữ giúp tạo ra những giao diện sinh động, hấp dẫn, thân thiện với người sử dụng, nếu không có CSS thì website sẽ trở nên khô khan, vì vậy việc học CSS và nắm vững nó là điều rất quan trọng.

Và trong series này mình giúp bạn có thể tự học CSS một cách hiệu quả nhất, tìm hiểu các thuộc tính CSS căn bản và CSS nâng cao. Cuối series là nguồn tài liệu tham khảo.

Về nguồn bài viết ban đầu là mình tự viết, nhưng do mình tuyển thêm tác giả bên ngoài nên có thể họ sẽ tham khảo các nguồn khác trên mạng, mình sẽ yêu cầu họ để nguồn cuối mỗi bài viết.

Ok, ta hãy bắt đầu bằng bài đầu tiên tìm hiểu CSS là gì nhé.

+HỌC CSS
» Căn bản
1	CSS là gì? Học CSS như thế nào?
2	Cú pháp CSS - các cách viết CSS
3	Selector là gì? Tìm hiểu CSS Selector căn bản
4	Thiết lập màu nền với CSS background
5	Tìm hiểu về color trong CSS
6	Tìm hiểu về font trong CSS
7	Các thuộc tính CSS định dạng text
8	Các thuộc tính CSS định dạng thẻ a (links)
9	Tìm hiểu về border trong CSS
10	Thuộc tính float ( left - right - none) trong CSS
11	Thuộc tính display trong CSS (inline - block -none)
12	Thuộc tính margin - padding và Box Model trong CSS
13	Position relative - absolute trong CSS
14	Xây dựng menu dọc hai cấp đơn giản bằng CSS
15	Position Fixed trong CSS
16	Thuộc tính z-index trong CSS
17	Kỹ thuật ClearFix trong CSS
18	After và Before trong CSS
19	Vùng chọn trong CSS (CSS Combinators)
20	Tìm hiểu về list trong CSS
21	Tìm hiểu về overflow trong CSS
22	Tìm hiểu về pseudo-class trong CSS
23	Tìm hiểu về Pseudo-Elements trong CSS
24	Tìm hiểu về unit trong CSS
25	Tìm hiểu về navigation trong CSS
26	Tìm hiểu về Specificity trong CSS
27	Tìm hiểu về table trong CSS
28	Tìm hiểu về Align trong CSS
» CSS3
29	Tìm hiểu về border-radius, border-image trong CSS
30	Margin collapsing trong CSS
31	CSS3 - Hiệu ứng Animation
32	Tìm hiểu object-fit trong CSS3
33	CSS3 Emphasis Marks
34	CSS3 là gì? Các module trong CSS3
35	Học CSS3 - Border Radius - Bo góc
36	Học CSS3 - Border Image - Tạo đường viền bằng hình
37	Học CSS3 - Các thuộc tính Backgrounds
38	Học CSS3 - Định dạng màu sắc
39	Học CSS3 - Gradient Background
40	Học CSS3 - Text Shadow - Box Shadow
41	Học CSS3 - Xử lý Text
42	Học CSS3 - Sử dụng @fonf-face
43	Học CSS3 - 2D Transforms
44	Tạo thanh loading ngang với HTML và CSS
45	Tạo thanh Loading xoay với HTML và CSS
46	Tạo menu mờ với HTML và CSS
47	Tạo hiệu ứng khói với HTML và CSS
48	Tạo thanh tìm kiếm co dãn với HTML và CSS
49	Tạo hiệu ứng trò chơi pacman với HTML và CSS
50	Tạo đồng hồ treo tường với HTML và CSS
51	Tạo hiệu ứng mưa với HTML và CSS
52	Hiệu ứng bóng đổ với thuộc tính box-shadow của CSS3
53	Tạo hiệu ứng mặt trời mọc với HTML và CSS
» CSS Responsive
54	Bài 01: CSS Responsive Web Design là gì?
55	Bài 02: Sử dụng @Media CSS tạo Responsive cho Website
56	Bài 03: Sử dụng Javascript tạo Responsive cho Website
57	Bài 04: Video học làm Responsive CSS căn bản
58	Bài 05: Cách viết Responsive với SASS CSS
» CSS Parallax
59	Parallax - Hiệu ứng Parallax là gì?
60	Parallax - Tạo chuỗi ảnh nền
61	Parallax - Tạo thanh menu dọc
62	Parallax - Tạo hiệu ứng cuộn với thanh menu dọc
63	Parallax - Tạo hiệu ứng Parallax scrolling
64	Parallax - Tạo hiệu ứng cho văn bản
65	Parallax - Chèn nhạc nền theo chuyển động cuộn
66	Parallax - Tạo trang đầu và cuối
67	Parallax - Hoàn thiện bố cục, hiệu ứng và mở rộng

Bài xem nhiều

Các hàm xử lý chuỗi trong Javascript (cắt / tách / nối chuỗi ..)

Bài trước chúng ta đã tìm hiểu về chuỗi trong javascript nhưng đó chỉ là…

Chia lấy phần dư / chia lấy phần nguyên trong javascript

Trong bài này mình sẽ hướng dẫn các bạn các ...

Các cách khai báo biến trong Javascript

Trong bài này ta sẽ tìm hiểu các khai báo biến và gán giá trị…

Các sự kiện (Event) trong Javascript

Đáng lẽ bài này mình sẽ tiếp tục giới thiệu với các bạn DOM nhưng…

Hướng tạo thanh search bar bằng CSS

Search Bar (thanh tìm kiếm) là chức năng không thể thiếu trong mọi trang web.…

Cách kiểm tra số nguyên dương trong javascript

Hàm array.slice() trong Javascript

Cách sử dụng array.slice() trong javascript

Tính tổng hai số bằng Javascript (cộng hai số)

Tính tổng các phần tử trong mảng javascript

Javascript là gì? Tìm hiểu ngôn ngữ lập trình javascript

Trong bài này chúng ta sẽ tìm hiểu khái niệm Javascript là gì ...

Bắt sự kiện click trong Javascript

Click là một sự kiện rất quan trọng trong các ngôn ngữ ..

Hàm Array splice() trong Javascript

Cách sử dụng array.splice() trong javascript

Kiểm tra số nguyên tố bằng Javascript

Xin giới thiệu và ra mắt serie học javascript qua các bài tập thực hành,…

Function trong Javascript - cách tạo hàm và gọi hàm trong JS

Hàm là một phương pháp lập trình truyền thống và thường được ứng dụng trong…

Thẻ Table trong HTML (colspan, rowspan, cellpadding và cellspacing)

Table là một định dạng dùng để hiển thị dữ liệu ở dạng danh sách.…

Các thuộc tính CSS định dạng thẻ a (links)

Thẻ a đóng vai trò rất quan trọng vì nhiệm vụ của nó là giúp…

Hàm alert() - confirm() - prompt() trong javascript

Hôm nay chúng ta sẽ tìm hiểu đến hai hàm rất thông dụng và hữu…

Hàm addEventListener() trong Javascript

Bài trước chúng ta đã học cách sử dụng Javascript để thêm một sự kiện…

Thẻ a trong HTML và các thuộc tính của thẻ a thường dùng

Trong một website luôn tồn tại các link liên kết với ..

Hướng dẫn tạo Slideshow với HTML, CSS và Javascript

Slideshow hay slider là một phần rất quan trọng trong website hiện nay, thực chất…