Hướng dẫn CSS – Phần 1 – Các loại
Official Website: https://www.sourcecodester.com/. . . . .css-tutorial-part-/Giới thiệu: Đây là phần đầu tiên trong hướng dẫn Tạo kiểu CSS của tôi! Hy vọng rằng đây sẽ là một loạt bài chi tiết nhưng không quá dài. Vì đây là hướng dẫn đầu tiên nên tôi sẽ giới thiệu ba phương pháp tạo kiểu CSS khác nhau; CSS nội tuyến, CSS nội bộ và CSS bên ngoài. Có gì khác biệt? Mã hóa cho từng phương pháp khác nhau là hoàn toàn giống nhau, tuy nhiên, điểm khác biệt duy nhất là vị trí và vị trí của mã hóa. Tuy nhiên, thực sự không có nhiều (nếu có) mặt tích cực hoặc tiêu cực cho từng phương pháp; vì kiểu duy nhất không nằm trong cùng một trang mà nó đang được sử dụng là kiểu dáng bên ngoài, điều đó có nghĩa là kiểu dáng bên ngoài có thể tải chậm hơn một chút hoặc có thể không đáng tin cậy đối với người có kết nối Internet kém. Tuy nhiên, điều đó có nghĩa là việc tách biệt CSS bên ngoài sẽ giúp giảm kích thước tệp của tất cả các tệp HTML, HTM, PHP, v.v. khác của bạn. Ví dụ: Sẽ không có mã hóa CSS trong hướng dẫn này, nhưng đây là cách thiết lập kiểu dáng… Nội tuyến: Đây là nơi CSS được giữ trong phần tử mà kiểu dáng phù hợp, chẳng hạn như tạo một div chiều rộng 50%…Nội bộ: Đây là nơi tất cả CSS được lưu giữ trong cùng một tài liệu mà nó đang được sử dụng, tuy nhiên, nó được giữ ở một nơi, chuyên nghiệp trong thẻ head vì nó không phải là thành phần trực tiếp hiển thị trong trang…Bên ngoài: Cuối cùng, đây là khi tất cả CSS được lưu giữ trong một tệp .css bên ngoài. Đây là cách bạn liên kết tới tệp css bên ngoài trong tài liệu php/html….CSS có nghĩa là gì? .CSS = Bảng tạo kiểu xếp tầng Liên kết CSS với phần tử HTML: Để liên kết CSS của bạn với một phần tử HTML (văn bản, div, v.v.), bạn cần phải quyết định xem mình muốn sử dụng lớp hay id, bạn cũng sẽ cần một id duy nhất tên. Khi bạn đã có những thứ đó, hãy chuyển đến phần tử của bạn trong HTML và thêm…… vào các thuộc tính của phần tử đó nếu bạn chọn một lớp, hoặc…nếu bạn chọn một id. Đảm bảo bạn thay thế ‘myClass’ và/hoặc ‘myID’ bằng tên duy nhất của bạn. Sau đó, trong CSS, bạn sẽ muốn bao bọc các thuộc tính của mình bằng…nếu bạn chọn một lớp học, hoặc…(Bạn có thể xóa dòng bắt đầu bằng // nếu muốn). Đây là một ví dụ…