Hướng dẫn css not affecting html - css không ảnh hưởng đến html

Tôi đã tạo ra một bảng kiểu bên ngoài trong đó tôi tin rằng sẽ thực hiện các tệp HTML của tôi khi tôi chạy chúng trên Notepad ++. Tuy nhiên, đây không phải là trường hợp. Nó dường như không ảnh hưởng đến nó cả. Tôi tin rằng liên kết là chính xác, nhưng tôi không hiểu tại sao nó không hoạt động. Đây là trang web đầu tiên của tôi tôi đang tạo. Nếu bạn cần thêm hình ảnh, xin vui lòng bình luận và hỏi. Tôi khá là không biết gì vào lúc này.

Nội dung chính ShowShow

• chỉnh sửa
• Đảm bảo rằng bạn thêm thuộc tính rel vào thẻ liên kết
• Đảm bảo bạn có đường dẫn chính xác trong thuộc tính HREF
• Đảm bảo tên tệp CSS là chính xác
• Đảm bảo thẻ liên kết ở đúng nơi
• Đảm bảo rằng tất cả các quy tắc phong cách của bạn là chính xác
• Vô hiệu hóa bộ đệm bằng một tải lại cứng
• Tại sao thay đổi CSS của tôi không phản ánh?
• Tại sao CSS của tôi không hiển thị trên trang web của tôi?
• Tại sao CSS của tôi không được áp dụng so với mã?

Đã hỏi ngày 5 tháng 1 năm 2014 lúc 14:33Jan 5, 2014 at 14:33Jan 5, 2014 at 14:33

2

Tệp CSS nằm trong một thư mục riêng. Bạn phải chỉ định thư mục này. Bạn phải biết rằng nó phải nằm trong một thư mục con của thư mục chứa

Cách phổ biến nhất là:

Sau đó, bạn phải sử dụng:

Đã trả lời ngày 5 tháng 1 năm 2014 lúc 14:45Jan 5, 2014 at 14:45Jan 5, 2014 at 14:45

AndyandyAndyAndy

3,8191 Huy hiệu vàng18 Huy hiệu bạc37 Huy hiệu đồng1 gold badge18 silver badges37 bronze badges1 gold badge18 silver badges37 bronze badges

0

Bạn chỉ có sai. REL cần bằng với biểu đồ kiểu, không phải websitestestyles

Đã trả lời ngày 5 tháng 1 năm 2014 lúc 14:36Jan 5, 2014 at 14:36Jan 5, 2014 at 14:36

CrabolraboloCRABOLOCRABOLO

8,52738 Huy hiệu vàng39 Huy hiệu bạc67 Huy hiệu Đồng38 gold badges39 silver badges67 bronze badges38 gold badges39 silver badges67 bronze badges

1

Tôi sẽ cho bạn một ví dụ làm việc.

Tệp index.html

This is an example div

Tệp Style.css

#example {
width: 350px;
height: 350px;
background-color: green;
}

index.html và style.css phải nằm trong cùng một thư mục cho ví dụ này! Để tìm hiểu và hiểu CSS và HTML, tôi khuyên bạn nên trường W3Schools

chỉnh sửa

Vâng, tôi đã không đọc về việc bạn đang giữ tệp CSS trong thư mục riêng biệt. href chỉ định vị trí của tệp.

Đã trả lời ngày 5 tháng 1 năm 2014 lúc 14:50Jan 5, 2014 at 14:50Jan 5, 2014 at 14:50

This is an example div

#example {
width: 350px;
height: 350px;
background-color: green;
}

#example {
width: 350px;
height: 350px;
background-color: green;
}

Tại sao thay đổi CSS của tôi không phản ánh?

Kiểm tra cách áp dụng các quy tắc thông qua các công cụ phát triển của trình duyệt (mở bằng F12).Gợi ý: Trong bảng CSS, các quy tắc được liệt kê theo tầm quan trọng trong trật tự giảm dần.Sử dụng một số trình xác nhận.Buộc làm mới tài nguyên lưu trữ trình duyệt bằng cách nhấn Ctrl F5.

Tại sao CSS của tôi không hiển thị trên trang web của tôi?

Trình duyệt thường sẽ lưu trữ hoặc lưu trữ tạm thời, các tài nguyên từ các trang web bạn truy cập để cải thiện tốc độ tải.Một số trang web cũng sẽ sử dụng các plugin để đệm thêm.Thông thường khi bạn không thấy kiểu tùy chỉnh của mình trên trang web của mình, đó là vì trình duyệt hoặc hệ thống khác đã lưu trữ phiên bản cũ hơn của trang web của bạn.the browser or other system has cached an older version of your site.the browser or other system has cached an older version of your site.

Tại sao CSS của tôi không được áp dụng so với mã?

Vấn đề có thể là trình duyệt của bạn đang lưu trữ tệp CSS.Nếu bạn đang gỡ lỗi với Edge, bạn có thể mở các công cụ F12 và nhấp vào tab mạng.Ở phía trên, bạn sẽ tìm thấy một nút để "luôn làm mới từ máy chủ."Bật này và các tệp sẽ không được lưu trong bộ nhớ cache.your browser is caching the CSS file. If you're debugging with Edge, you can open the F12 tools and click on the Network tab. At the top, you'll find a button to "always refresh from server." Turn this on, and files won't be cached.your browser is caching the CSS file. If you're debugging with Edge, you can open the F12 tools and click on the Network tab. At the top, you'll find a button to "always refresh from server." Turn this on, and files won't be cached.