Mục lục:
Video: Cách viết công thức hóa học – Dành cho học sinh mất gốc - Thầy Đặng Xuân Chất 2025
Một cách để tạo kiểu các phần tử cụ thể trong CSS là đặt tên cho các phần tử HTML của bạn. Bạn đặt tên mã của mình bằng cách sử dụng thuộc tính
id
hoặc
class
và sau đó định kiểu mã của bạn bằng cách đề cập đến bộ chọn
id
hoặc
class.
Đặt tên cho mã của bạn bằng cách sử dụng thuộc tính id
Sử dụng thuộc tính
id
để tạo kiểu cho một phần tử cụ thể trên trang web của bạn. Thuộc tính
id
có thể đặt tên cho bất kỳ phần tử HTML nào và luôn được đặt trong thẻ HTML đang mở. Ngoài ra, mỗi phần tử có thể chỉ có một giá trị thuộc tính
id
và giá trị thuộc tính chỉ xuất hiện một lần trong tệp HTML. Sau khi bạn xác định thuộc tính trong tệp HTML, bạn tham khảo phần tử HTML trong CSS bằng cách viết một thẻ bắt đầu bằng (#
) theo sau là giá trị thuộc tính.
id
HTML:
Modern Seinfeld
CSS:
#jerry {
màu sắc: đỏ;
màu nền: màu vàng;
}
Đặt tên cho mã của bạn bằng thuộc tính lớp
Sử dụng thuộc tính
class
để sắp xếp nhiều phần tử trên trang web của bạn. Thuộc tính
class
có thể đặt tên bất kỳ phần tử HTML nào và luôn được đặt trong thẻ HTML đang mở. Giá trị thuộc tính không nhất thiết phải nằm trong tệp HTML. Sau khi bạn xác định thuộc tính trong tệp HTML, bạn tham khảo phần tử HTML bằng cách ghi một dấu chấm (.) Theo sau là giá trị thuộc tính.
class
, các kiểu mã sau đây sẽ làm tất cả các tài khoản Parody Tech Twitter liên kết màu đỏ với không gạch chân:
Bored Elon Musk < Vinod Coleslaw
Sách giáo khoa ngựa
CSS:
Sử dụng công cụ tìm kiếm, chẳng hạn như Google, để tìm kiếm các hiệu ứng CSS bổ sung. Ví dụ: nếu bạn muốn tăng khoảng cách giữa mỗi mục trong danh sách, mở trình duyệt của bạn và tìm kiếm khoảng cách dòng mục lục css. Các liên kết xuất hiện trong mười kết quả đầu nên bao gồm:
W3Schools
:
Trang hướng dẫn dành cho người mới bắt đầu
Stack Overflow
:
- Một bảng thảo luận dành cho các nhà phát triển có kinh nghiệm Mozilla: hướng dẫn ban đầu được tạo ra bởi nền tảng mà duy trì trình duyệt Firefox và bây giờ được duy trì bởi một cộng đồng các nhà phát triển Mỗi trang web này là một nơi tốt để bắt đầu; hãy chắc chắn tìm kiếm các câu trả lời bao gồm mã ví dụ.
