Tại sao tệp css của tôi không mở được?

Hi! I'm a web developer and when I open a HTML file (located in my pc) firefox doesn't see the css file with styles. This is the code line with the css link:

If i go to the developer console it give me this error (translated):

Làm thế nào tôi có thể giải quyết nó?

Hi! I'm a web developer and when I open a HTML file (located in my pc) firefox doesn't see the css file with styles. This is the code line with the css link: '''' If i go to the developer console it give me this error (translated): '''' How can i solve it? Thanks

giải pháp đã chọn

Tôi sử dụng cùng một dòng với bạn mà không có 'loại', IIRC, không cần thiết với HTML5. Có lẽ bạn đang cần một số dòng (hoặc tương đương) mà trang web này từ chối in nên tôi đã đính kèm ảnh chụp màn hình

Đọc câu trả lời này trong ngữ cảnh 👍 0

Tất cả trả lời (3)

Tại sao tệp css của tôi không mở được?

Terry

8/11/2021 20. 09

lựa chọn khác

  • Trích dẫn

giải pháp đã chọn

Tôi sử dụng cùng một dòng với bạn mà không có 'loại', IIRC, không cần thiết với HTML5. Có lẽ bạn đang cần một số dòng (hoặc tương đương) mà trang web này từ chối in nên tôi đã đính kèm ảnh chụp màn hình

Tôi sử dụng cùng một dòng với bạn mà không có 'loại', IIRC, không cần thiết với HTML5. Có lẽ bạn đang cần một số dòng (hoặc tương đương) mà trang web này từ chối in nên tôi đã đính kèm ảnh chụp màn hình

Tại sao tệp css của tôi không mở được?

Tại sao tệp css của tôi không mở được?

cor-el

  • 10 cộng tác viên hàng đầu
  • người điều hành

8/11/2021 20. 55

lựa chọn khác

  • Trích dẫn

là phong cách. css vẫn có ở cùng vị trí với tệp HTML không? . // nhà phát triển. mozilla. org/en-US/docs/Tools/Style_Editor

Có hai lời than thở quen thuộc của lập trình viên và nhân viên IT trên toàn thế giới. "Nhưng nó không nên làm điều đó. " và "Tại sao cái này không hoạt động?" Đã đủ tệ khi bạn viết mã mà bạn hiểu (về lý thuyết) và có thể sửa. Khi bạn đang làm việc với một thông số kỹ thuật, điều đó thậm chí còn tồi tệ hơn, bởi vì bạn không thể làm bất cứ điều gì trước mắt để thay đổi mức độ hỗ trợ của trình duyệt hoặc không hỗ trợ tiêu chuẩn.

Đôi khi, sự thật là các vấn đề là do người thiết kế trang hiểu chưa đầy đủ về CSS, nhưng đó là điều mà các cột này nhằm khắc phục (vì vậy hãy gửi cho tôi những câu hỏi đó. ). Tuy nhiên, quá thường xuyên, lỗi nằm ở chính mã trong trình duyệt, điều này làm cho các biểu định kiểu hoàn toàn hợp lệ trở nên nhỏ bé.

Thông thường, tất cả những gì bạn có thể làm về vấn đề này là tìm kiếm giải pháp thay thế hoặc từ bỏ hoàn toàn thiết kế của mình và thử một thứ khác. Tuy nhiên, trong một số trường hợp, có nhiều cách đã biết để đối phó với lỗi trình duyệt. Trong chuyên mục này, chúng ta sẽ khám phá một vài trong số chúng, bao gồm lỗi "kiểu biến mất" đáng sợ trong Netscape và một cách dễ dàng để ngăn các giá trị độ dài của bạn hoạt động

Đầu tiên, hãy chắc chắn rằng bạn đúng

Khi gặp một vấn đề, phản ứng đầu tiên thường là tự hỏi liệu các phong cách có được viết chính xác hay không. May mắn thay, có một số tài nguyên để giúp bạn tìm ra phần đó. Tất nhiên, có các bài báo ở đây tại Web Review, nhưng chúng có thể không đề cập đến tình huống cụ thể của bạn

Bạn cần đảm bảo rằng không có bất kỳ lỗi nào trong HTML hoặc CSS của mình, vì lỗi ở cả hai vị trí có thể dẫn đến giao diện tài liệu bị lỗi. Khi bạn đang học CSS, điều đó có thể khó khăn. Cuối cùng, bạn nên truy cập các trang web sau để kiểm tra công việc thủ công của mình

Trình xác thực HTML W3C. http. // trình xác thực. w3. org/Tất nhiên, nếu nó đến từ W3C, nó có thể khá có thẩm quyền. Hạn chế duy nhất với trình xác nhận này là nó không nhất thiết phải thân thiện với người mới. sự hiểu biết thấu đáo về tài liệu và cấu trúc HTML giúp giải thích kết quả. Trình xác thực HTML WDG. http. //www. htmltrợ giúp. org/tools/validator/Ngược lại, trình xác thực HTML của Nhóm Thiết kế Web thân thiện với người dùng hơn nhiều, cố gắng trình bày các vấn đề bằng thứ gì đó có thể hiểu là tiếng Anh đơn giản. Ngoài ra còn có các liên kết đến các bài viết giải thích lý do tại sao xác thực là một ý tưởng hay, ghi chú về trình xác thực và đầu ra của nó, v.v. Trình xác thực CSS. http. // ghép hình. w3. org/css-validator/Một lần nữa, W3C là nguồn chính để quyết định điều gì đúng và điều gì không, nhưng lần này đầu ra của trình xác thực dễ hiểu hơn một chút-- có thể do bản thân CSS đơn giản hơn một chút. Điều này sẽ bao gồm tất cả CSS2. Kiểm tra CSS của WDG. http. //www. htmltrợ giúp. org/tools/csscheck/Một công cụ tốt khác từ Nhóm thiết kế web, trình xác thực này kiểm tra CSS1 và CSS-Positioning, mặc dù không phải là phiên bản có trong CSS2. Như vậy, nó hơi lỗi thời, nhưng vẫn là một công cụ đáng giá

Một nơi khác để biến là nhóm tin Usenet comp. hệ thống thông tin. www. tác giả. bảng định kiểu-- còn được gọi là c. i. w. a. s. hoặc đơn giản là "ciwas" và được phát âm là "SEE-wass"-- nơi nhiều chuyên gia CSS giao lưu và đưa ra lời khuyên miễn phí cho mọi người. Tuy nhiên, trước khi bạn đăng, hãy đảm bảo rằng bạn chạy tài liệu của mình thông qua ít nhất một trong các trình xác thực được liệt kê ở trên. Nếu không, và vấn đề của bạn là do lỗi mã hóa từ phía bạn, thì bạn sẽ nhận được cùng một danh sách các trình xác thực từ các chuyên gia, với những lời khuyên nhẹ nhàng để sử dụng chúng tốt hơn trong tương lai. (Đừng lo lắng, chúng là những lời khuyên rất nhẹ nhàng. các nhà quản lý của ciwas là một nhóm khá thân thiện, hầu như không có một người nào trong số họ. )

Ngoài ra, cơ hội nhận được trợ giúp của bạn sẽ được cải thiện đáng kể nếu bạn cung cấp URL tới trang rắc rối. Bằng cách đó, mọi người có thể xem trang của bạn, xem vấn đề đang hoạt động và trực tiếp kiểm tra HTML và CSS của bạn. Nếu tài liệu vi phạm bị kẹt sau tường lửa của công ty, hãy chuyển nó đến máy chủ công cộng nếu bạn có thể; . Ngay cả một mô tả chi tiết về vấn đề cũng không thể thay thế cho việc cung cấp nguồn

Điều đó nói rằng, đây là một vài lỗi phổ biến của tác giả và cách giải quyết cho một số lỗi trình duyệt

Quá nhiều khoảng trống

Vì một số lý do, một lỗi rất phổ biến của các tác giả là xu hướng đặt khoảng cách giữa các giá trị và đơn vị của chúng. Ví dụ

   P {margin-left: 50 px;}

Chú ý khoảng cách giữa

   P {margin-left: 50px;}
3 và
   P {margin-left: 50px;}
4? . Giá trị và đơn vị không bao giờ được phân tách bằng dấu cách. Có khoảng trống ở đó sẽ làm cho giá trị không hợp lệ, nghĩa là toàn bộ quy tắc không hợp lệ, nghĩa là đoạn văn của bạn sẽ không có lề trái 50 pixel. Thay vào đó, bạn cần phải viết

   P {margin-left: 50px;}

Đây là một trường hợp mà việc có thêm dung lượng chắc chắn là một vấn đề, vì vậy hãy chú ý đến nó. Một trong các trình xác thực CSS được liệt kê ở trên cũng sẽ nắm bắt được điều này

Quá nhiều HTML

Một lỗi tác giả rất phổ biến khác là xu hướng đặt HTML ở những nơi không nên có-- đặc biệt là các biểu định kiểu bên ngoài. Nếu bạn đang

   P {margin-left: 50px;}
5ing hoặc
   P {margin-left: 50px;}
6ing một biểu định kiểu, thì sẽ không có bất kỳ HTML nào trong biểu định kiểu đó. Điều đó bao gồm các nhận xét HTML,
   P {margin-left: 50px;}
7. Nếu đó là một phần tử HTML, thì nó không thuộc biểu định kiểu

Vấn đề bên ngoài

Một nơi khác bạn có thể gặp sự cố là cố gắng sử dụng biểu định kiểu bên ngoài. Đầu tiên, sử dụng

   P {margin-left: 50px;}
6 là rủi ro nhất, vì Netscape Navigator không hỗ trợ nhập biểu định kiểu. Do đó, để đảm bảo các kiểu của bạn được áp dụng cho tài liệu của bạn, hãy sử dụng phần tử
   P {margin-left: 50px;}
5

Ngoài ra, hãy đảm bảo rằng bạn sử dụng nó đúng cách và không quá nhiệt tình với các thuộc tính. Bạn thực sự chỉ nên có một phần tử

   P {margin-left: 50px;}
5, trông rất giống như thế này

   

Tất nhiên, thứ tự thực tế bạn viết các thuộc tính này không quan trọng, nhưng một số giá trị rất quan trọng. Hai cái đầu tiên thường được viết như trên, đặc biệt là thuộc tính

   P {margin-left: 50px;}
3. Giá trị của
   P {margin-left: 50px;}
4 rõ ràng phải là URI của biểu định kiểu của bạn và
   P {margin-left: 50px;}
5 phải là bất kỳ tiêu đề nào bạn muốn đặt cho kiểu của mình

Thuộc tính

   P {margin-left: 50px;}
6 tùy chọn được sử dụng để xác định phương tiện mà các kiểu được dự định. Về lý thuyết, bạn có thể
   P {margin-left: 50px;}
5 kiểu hiển thị trên màn hình, các kiểu khác nhau để in, v.v. Đáng buồn thay, chỉ có Internet Explorer hỗ trợ những thứ như vậy. Ngoài ra, nếu bạn chỉ định bất kỳ thứ gì khác ngoài
   P {margin-left: 50px;}
8, thì toàn bộ
   P {margin-left: 50px;}
5 (và do đó toàn bộ biểu định kiểu bên ngoài) sẽ bị Bộ điều hướng bỏ qua

Bạn thực sự có thể biến vấn đề này thành lợi thế của mình, sử dụng nó để ẩn các kiểu khỏi Bộ điều hướng bằng cách khai báo

   P {margin-left: 50px;}
6 là
   
1. Tuy nhiên, điều đó chỉ được khuyến nghị cho các tác giả có kinh nghiệm

Sửa nền

Một vấn đề khác mà Navigator gặp phải là xử lý sai màu nền. Nếu bạn áp dụng một màu nền cho bất kỳ yếu tố nào khác ngoài

   
2, thì bạn sẽ phát hiện ra điều gì đó khó chịu. màu chỉ hiển thị phía sau văn bản thực tế trong phần tử. Thay vào đó, nó nên hiển thị trong toàn bộ hộp phần tử. Sự khác biệt được thể hiện trong Hình 1

Tại sao tệp css của tôi không mở được?

May mắn thay, thật dễ dàng để giải quyết vấn đề này. Tất cả những gì bạn cần làm là khai báo đường viền có độ rộng bằng 0 cho phần tử và thật kỳ diệu, nền sẽ được tô màu chính xác

   P {margin-left: 50px;}
1

Màu sắc thực tế không quan trọng chút nào, nhưng để đảm bảo an toàn, tôi khuyên bạn nên đặt nó cùng màu với nền

Phong cách đã đi đâu?

Cuối cùng, chúng tôi giải quyết một lỗi Bộ điều hướng khá khó hiểu, hoàn toàn gây trở ngại khi gặp phải. Nếu bạn có sẵn Navigator 4, hãy tải lên một tài liệu có áp dụng một số CSS cho tài liệu đó. Sau đó thay đổi kích thước cửa sổ. Mau. Tất cả các phong cách đã biến mất

Tải lại trang sẽ đưa chúng trở lại, nhưng đó không phải là một giải pháp thỏa đáng. Tốt hơn một chút là bao gồm một chút Javascript sẽ khắc phục sự cố cho bạn. Tiện ích này sẽ khiến mọi phiên bản Bộ điều hướng hỗ trợ Javascript áp dụng lại các kiểu sau khi cửa sổ được thay đổi kích thước-- và nếu Javascript bị tắt, thì CSS hoàn toàn không hoạt động, đây là một điều khác cần nhớ khi cố gắng tìm hiểu tại sao

Tuy nhiên, trong khi chờ đợi, đây là kịch bản

   

Thao tác và cách sử dụng tập lệnh được giải thích chi tiết trong bài viết Webreference Đảm bảo bố cục DHTML khi thay đổi kích thước;

Dù bạn làm gì, đừng bỏ cuộc

Bạn có thể đã nhận thấy ưu thế của các giải pháp nhằm vào Netscape Navigator 4. x trong cột này. Có một lý do tốt cho điều đó. Việc triển khai CSS của Navigator khá tệ. Tôi không có lập trường gây tranh cãi khủng khiếp ở đó, vì ngay cả các lập trình viên tại Netscape cũng đã nói nhiều như vậy, và bạn sẽ khó có thể tìm được một thành viên thường xuyên nào lại không đồng ý với điều đó.

Mặc dù tất cả điều này nghe có vẻ tồi tệ, nhưng nó không quá khủng khiếp. Rốt cuộc, hãy nghĩ đến các lập trình viên Java, những người phải đối phó với những thay đổi cơ bản đối với ngôn ngữ lập trình của họ mỗi tháng. Để so sánh, CSS khá ổn định, chưa kể dễ học hơn rất nhiều. Bên cạnh đó, với sự xuất hiện gần đây của các trình duyệt gần như tuân thủ đầy đủ các tiêu chuẩn như Opera và Explorer 5, cũng như việc phát hành Netscape 5 rất được mong đợi, CSS1 sẽ trở nên ít trở ngại hơn và trở thành một công cụ mạnh mẽ hơn nhiều so với trước đây.

Trong thời gian chờ đợi, giữa các trình xác thực miễn phí, những người trong ciwas và các phiên bản tương lai của "Sense of Style", bạn sẽ có thể tìm thấy sự trợ giúp mà mình cần-- vì vậy hãy tiếp tục phong cách'

Tại sao tệp CSS của tôi không tải?

Vấn đề có thể là do trình duyệt của bạn đang lưu tệp CSS vào bộ đệm ẩn . Nếu bạn đang gỡ lỗi bằng Edge, bạn có thể mở công cụ F12 và nhấp vào tab Mạng. Ở trên cùng, bạn sẽ tìm thấy nút "luôn làm mới từ máy chủ. " Hãy bật tính năng này và các tệp sẽ không được lưu vào bộ nhớ cache. Chrome có một tính năng tương tự.

Tại sao tệp CSS không hoạt động trong Chrome?

Đảm bảo rằng các tệp CSS và HTM/HTML của bạn sử dụng cùng một mã hóa . Nếu các tệp HTM/HTML của bạn được mã hóa dưới dạng UNICODE, thì biểu định kiểu của bạn cũng phải như vậy. IE và Edge không kén chọn. biểu định kiểu được hiển thị bất kể mã hóa. Nhưng Chrome hoàn toàn không dung nạp các mã hóa chưa từng có.

Tại sao tệp CSS của tôi không liên kết với HTML của tôi?

Đảm bảo rằng tệp CSS của bạn thực sự có tên tệp là “ mystyle. css “ và nằm trong cùng thư mục với tài liệu HTML . Ngoài ra, bạn nên thêm thẻ đóng .

Chương trình nào sẽ mở tệp CSS?