Giới thiệu

Định nghĩa và sử dụng Thuộc tính margin canh lề cho thành phần. Cấu trúc tag { margin: giá trị; } Với thuộc tính và giá trị như sau: Thuộc tính giá trị Mô tả margin đơn vị auto inherit Đây là cách viết ngắn gọn các thuộc tính bên dưới, đơn vị có thể là px, […]

React.js Props by Class Trong phiên bảng Javascript ES6, chúng ta có thể chuyển đổi một function sang dạng Class, việc này có nhiều ưu điểm hơn so với cách viết function, thao tác với các object khá tốt, các bạn có thể tìm hiểu thêm tại ES6 – classes. Cấu trúc chuyển đổi function […]

Định nghĩa và sử dụng Bộ chọn :nth-of-type(n): chọn thành phần thứ “n”, gốc tính được tính từ thành phần đầu tiên trở đi. Thứ tự “n” được tính cho tất cả các thành phần cùng cấp. Giá trị “n” có thể là số hoặc một hàm (function). Cấu trúc Đã được thêm vào từ […]

React.js project component Ở bài học trước ta đã biết cách kết nối các dữ liệu trong component của một project React, tiếp tục với bài học này, ta sẽ tiến hành cập nhật (thay đổi) dữ liệu. Nội dung chuẩn bị: Cài đặt để chạy được project React.js, xem lại phần Cài đặt React.js […]

Định nghĩa và sử dụng .resize() ràng buộc một xử lý sự kiện “resize” hoặc kích hoạt sự kiện trên thành phần. .resize(function(){}) Cấu trúc $(‘.test’).resize(function(){}); Html viết: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <title>Tiêu đề</title> <script src=”https://code.jquery.com/jquery-latest.js”></script> <script> $(function(){ $(window).resize(function() { $(“p”).html($(window).width()); }); }); </script> </head> <body> <p>Thay đổi kích thước để thấy được […]

Định nghĩa và sử dụng Thuộc tính appearance định dạng cho thành phần trông như giao diện chuẩn gần với người dùng. Những giao diện chuẩn đó như là: button, một menu, một trường nhập input (field), một icon hay một cửa sổ (window). Cấu trúc tag { appearance: giá trị; -moz-appearance: giá trị; -webkit-appearance: […]