Học CSS Căn Bản & Nâng Cao - Freetuts

Trang chủ » Học Css » Học CSS Căn Bản & Nâng Cao - Freetuts

Có thể bạn quan tâm

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

Từ khóa » Học Css