Tâm sự tuổi 20:
Hồi xưa lúc mới bắt đầu học HTML, CSS, JAVASCRIPT (3 anh em Lưu Bị), mình có một thắc mắc là tại sao ở mấy ngôn ngữ lập trình khác nó đều có biến như (JAVASCRIPT) mà tại sao HTML, CSS thì lại không có, sau một ngày tìm tòi học hỏi ở trển thì mình mới phát hiện ra là HTML nó không có biến, mà chính những cái thẻ của nó là các đổi tượng để trình duyệt nhận dạng và hiển thị ra, ngược lại đối với CSS: người anh em tưởng chứng nhưng không thể gán biến cho nó thì lại có biến, sự thật nghiệt ngả ngày đã dẫn tối đến đây để viết bài viết này.
Cách tạo và sử dụng biến trong CSS:
Cách tạo biến trong CSS:
ví dụ ta tạo một thẻ <style> để chứa code css, và tạo sẳn một style cho thẻ body, chính nơi này mình sẽ tạo biến
 |
| Code một cái demo nho nhỏ chạy thử |
Bí kíp để tạo ra một cái biến sẻ là: -- <Tên biến> : <giá trị truyền vào>;
 |
| Thêm một cái biến nho nhỏ |
Cách sử dụng biến đó trong CSS:
để hướng dẫn bạn sử dụng tuyệt chiêu này thì mình đã tạo ra một Đề Mô (demo) nho nhỏ để bạn hình dung |
| Demo về con chim |
thì .penguin-top{}:Nó là cái "đầu chim" và nó đang màu đen, mình phải làm sao để nó màu đỏ mà phải dùng cái biến main-color mà mình đã tạo lúc nãy.
thì lúc này mình sẻ thay background: black ; ==> background: var(--main-color) ;
 |
| Và đây là thành quả sau khi sử dụng tuyệt chiêu |
và đây là cách để vận dụng tuyệt kỹ đã học lúc nãy, rất thú vị phải không ạ và chúc các bạn vận dụng tuyệt kỹ này thành công !!! bb.
