Video: But what is the Fourier Transform? A visual introduction. 2025
Các thuộc tính CSS là những thay đổi đặc tính của các phần tử. Gắn màu mắt đẹp của JavaScript Robot, kích thước của cơ thể và cánh tay, sự tròn tròn của các góc đầu, và vị trí của các phần khác nhau của nó đều được xác định bởi các giá trị thuộc tính.
Để bắt đầu, hãy mở trình duyệt web của bạn và đăng nhập vào bảng điều khiển công cộng. Sau đó làm theo các bước sau:
-
Tìm fiddle được gọi là Chương 6: Phong cách Robot - Bắt đầu và nhấp vào tiêu đề để mở nó.
Bạn cũng có thể đi trực tiếp vào ứng dụng Robot.
Bạn thấy một màn hình với HTML trong bảng điều khiển HTML và một số CSS trong bảng điều khiển CSS.
-
Nhấp vào Fork ở trình đơn trên cùng để tạo một bản sao của câu cá trong tài khoản JSFiddle của chính bạn.
Thực hiện một số thay đổi với vẻ của Douglas bằng cách sửa đổi các giá trị của một số thuộc tính CSS khác nhau:
-
Tìm nguyên tắc CSS cho phần tử p.
Hiện tại, quy tắc thứ hai trong khung CSS.
-
Thay đổi giá trị của thuộc tính font-size thành 2. 5em.
Quy tắc hoàn chỉnh sẽ giống như sau:
p (font-size: 2. 5em;}
Có một số cách khác nhau để xác định kích thước văn bản. Các cách phổ biến nhất được sử dụng là sử dụng các điểm ảnh (px), phần trăm (%), hoặc ems (em). Khi bạn sử dụng phần trăm hoặc ems, kích thước phông chữ của phần tử được chọn được đặt dựa trên kích thước phông chữ của phần tử gốc. Ví dụ 2. 5em gấp đôi hai lần rưỡi kích thước phông chữ của cha mẹ của phần tử đã chọn.
-
Nhấp vào nút Chạy để xem sự thay đổi trong ngăn Kết quả.
Douglas với một thông điệp đậm.
-
Tìm nguyên tắc CSS cho phần tử cơ thể.
-
Thay đổi giá trị của phần tử cơ thể như sau, chú ý đến việc sử dụng dấu ngoặc kép:
"Comic Sans MS", cursive, sans-serif
Quy tắc CSS hoàn chỉnh bây giờ sẽ như sau: < body {font-family: "Comic Sans MS", chữ thảo, sans-serif;}
Nhấp vào nút Chạy để xem kết quả.
-
Douglas bây giờ có những bức thư thú vị trên áo sơ mi của mình.
Douglas, bây giờ với những bức thư vui vẻ!
Tiếp theo, thay đổi màu mắt của Douglas để phù hợp với màu mắt của bạn!
Tìm quy tắc CSS có chứa màu mắt của Douglas.
-
Hiện thời như sau:
. mắt (màu nền: màu xanh; chiều rộng: 20%; chiều cao: 20%; border-radius: 50%;}
Thay đổi giá trị của thuộc tính background-color thành màu mắt của bạn.
-
Ví dụ, nếu đôi mắt của bạn màu nâu, bạn sẽ thay đổi nó như sau:
background-color: brown;
Nhấp vào nút Chạy để xem kết quả.
-
Màu sắc mà đôi mắt của Douglas thay đổi khi bạn sử dụng từ màu nâu không có màu nâu và màu sắc được sử dụng khi bạn cố làm cho đôi mắt của Douglas xanh không phải là màu mà mắt của bất kỳ ai cũng có thể là.Để có được màu chính xác hơn, bạn có thể sử dụng một tên màu CSS khác hoặc tạo ra màu tuỳ chỉnh của riêng bạn bằng cách sử dụng ký hiệu thập lục phân.
