Hướng dẫn why is my css link not working? - tại sao liên kết css của tôi không hoạt động?

html, body, div, span, applet, object, iframe,
h2, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

Cách thích hợp để liên kết tệp CSS với tệp HTML là thêm giữa các thẻ HTML ở đầu trang HTML. Tuy nhiên, có nhiều sai lầm nhỏ mà bạn có thể mắc phải có thể dẫn đến HTML và CSS của bạn không liên kết đúng. Đó là:

1. Sử dụng thẻ HTML sai để liên kết HTML với CSS.
2. Đặt liên kết CSS trong phần sai của trang web.
3. Tên tệp không phù hợp và tên giá trị liên kết HREF
4. Không gian trong tên tệp CSS
5. Vị trí tệp HTML và CSS trên cùng hoặc các thư mục khác nhau
6. Lỗi cú pháp trong tệp CSS của bạn

6 sai lầm bạn đang mắc phải khi liên kết CSS với HTML và cách sửa chúng.

Hãy xem xét từng lỗi bạn có thể mắc phải và cách bạn có thể liên kết HTML với CSS đúng cách.

1. Sử dụng thẻ HTML sai với liên kết HTML với CSS.

Đôi khi bạn thấy những người đang cố gắng sử dụng thẻ HTML để liên kết CSS của bạn với HTML. Điều này không thể hoạt động.

Bạn chỉ có thể sử dụng các thẻ HTML ____3 khi bạn đang viết CSS của mình trong phần đầu của tài liệu HTML không liên kết tệp CSS.

Thẻ HTML chính xác để liên kết tệp CSS với tệp HTML là sử dụng . "main.css" là tên của tệp CSS. Xin lưu ý rằng thẻ HTML là thẻ tự đóng và không có các cặp như thẻ or HTML.

2. Đặt liên kết CSS vào phần sai của trang web.

Bạn sẽ không thể liên kết HTML và CSS, nếu bạn đặt thẻ HTML ____99 trên bất kỳ phần nào khác của trang web khác bên trong thẻ đầu .

Vì vậy, hãy nhìn vào nơi bạn đã đặt thẻ HTML liên kết của bạn và điều chỉnh nó cho phù hợp.

3. Tên tệp không phù hợp và tên giá trị HREF liên kết

Kiểm tra để đảm bảo rằng tên tệp CSS của bạn giống như tên được chỉ định trong giá trị HREF trên thẻ 1 HTML. Nếu bạn sử dụng một tên khác, trình duyệt sẽ xem liên kết bạn đã gán cho tệp HTML của bạn. Nếu nó không tìm thấy gì ở đó, nó không làm gì cả. Nếu cả hai không khớp, thì bạn đã tìm thấy thủ phạm của mình.

Tất cả bạn phải làm là thay đổi giá trị HREF thành tên chính xác của tệp CSS.

4. Không gian trong tên tệp CSS

Khi bạn có các khoảng trống trong tệp CSS NAMME 2, trình duyệt sẽ không thể giải thích chính xác các không gian trong giá trị HREF 3.

Để thực hiện công việc này, bạn có thể:

• Thay thế các không gian trong giá trị HREF bằng 4. tức là 5 hoặc
• Thay thế các khoảng trống trong tên tệp CSS bằng 6 trên cả tên tệp và giá trị liên kết HREF như một cách để tách các từ.

5. Vị trí tệp HTML và CSS trên cùng hoặc các thư mục khác nhau

Khi các tệp HTML và CSS của bạn không nằm trong cùng một thư mục, bạn có thể có một số thách thức liên kết chúng. Bạn có thể giải quyết vấn đề này bằng:

• Sử dụng đúng đường dẫn tệp đến tệp CSS. Vì vậy, nếu tệp CSS nằm trong một thư mục khác từ đường dẫn HTML, bạn cần xác định tên đường dẫn và thêm nó vào giá trị liên kết HREF. ví dụ. Nếu tệp CSS nằm trong một thư mục có tên 7 có trong cùng thư mục với tệp HTML, đường dẫn chính xác sẽ là 8.
• Di chuyển CSS và HTML sang cùng một thư mục. Khi bạn di chuyển chúng sang cùng một thư mục, giá trị liên kết HREF sẽ chỉ là tên tệp CSS: 9.

6. Lỗi cú pháp trong tệp CSS của bạn

Nếu bạn có lỗi trong tệp CSS, nó có thể dẫn đến các kiểu CSS của bạn không được áp dụng cho mã HTML. Cách dễ nhất để sửa điều này là:

• Sử dụng một trình soạn thảo văn bản với cú pháp highlighter. Cú pháp làm nổi bật sẽ giúp bạn xác định nơi mã của bạn không chính xác.
• Sử dụng một công cụ Trình xác nhận CSS trực tuyến. Một công cụ Trình xác thực CSS trực tuyến sẽ cho bạn biết nơi bạn đã phạm sai lầm trong mã CSS của bạn.

Nếu bạn làm theo hướng dẫn này, bạn sẽ luôn có thể kết nối các tệp HTML và CSS của mình với nhau.

Chào bạn! Tôi là avic ndugu.Avic Ndugu.

Tôi đã xuất bản hơn 100 bài đăng trên blog về HTML, CSS, JavaScript, React và các chủ đề liên quan khác. Khi tôi không viết, tôi thích đọc, đi bộ đường dài và nghe podcast.