Phương pháp css nào hiệu quả nhất?
|
Cascading style sheet (CSS) là một phần mở rộng được thiết kế trang nhã dành cho Web và là một trong những hy vọng lớn nhất để lấy lại lý tưởng của Web về sự tách biệt giữa bản trình bày và nội dung. Web là hệ thống đa nền tảng cuối cùng và nội dung của bạn sẽ được trình bày trên rất nhiều loại thiết bị mà các trang phải chỉ định ý nghĩa của thông tin và để lại các chi tiết trình bày cho sự hợp nhất (hoặc "xếp tầng") của kiểu do trang web chỉ định . Nếu việc giới thiệu WebTV đã phá vỡ các trang của bạn, thì bạn sẽ đánh giá cao khả năng giới thiệu các thiết kế trang mới bằng cách tạo một tệp biểu định kiểu duy nhất thay vì sửa đổi hàng nghìn trang nội dung Show Phong cách tập trungSử dụng một biểu định kiểu duy nhất cho tất cả các trang trên trang web của bạn (hoặc có thể là một vài trang được phối hợp nếu bạn có các trang có nhu cầu rất khác nhau. ví dụ tài liệu kỹ thuật so với các trang tiếp thị). Một trong những lợi ích chính của biểu định kiểu là đảm bảo tính liên tục về mặt hình ảnh khi người dùng điều hướng trang web của bạn. Các ấn phẩm kế thừa từ lâu đã biết giá trị của các sản phẩm in dựa trên một kiểu chữ duy nhất. bất kể bạn lật tạp chí hay báo ở đâu, văn bản và bố cục cơ bản sẽ trông giống nhau. Các trang web sẽ có được sự gắn kết thương hiệu giống nhau nếu tất cả các trang trên một trang web liên kết đến cùng một biểu định kiểu Luôn sử dụng biểu định kiểu được liên kết thay vì kiểu được nhúng. Chỉ bằng cách tham chiếu một tệp bên ngoài, bạn mới nhận được các lợi ích bảo trì khi có thể cập nhật giao diện của toàn bộ trang web của mình bằng một thay đổi duy nhất. Ngoài ra, bằng cách kéo các định nghĩa kiểu ra khỏi các trang của bạn, bạn làm cho chúng nhỏ hơn và tải xuống nhanh hơn. Nếu bạn sử dụng một biểu định kiểu duy nhất cho toàn bộ trang web của mình, tệp đó sẽ được tải xuống một lần và mãi mãi Đối với mỗi trang web, tất cả các biểu định kiểu phải được thiết kế bởi một nhóm thiết kế trung tâm duy nhất. Hai lý do. Đầu tiên, thiết kế tập trung là cách duy nhất để đảm bảo phong cách nhất quán và gặt hái một trong những lợi ích chính của biểu định kiểu. Thứ hai, phần lớn những người tạo nội dung Web không có khả năng thiết kế và viết các biểu định kiểu tốt. Kinh nghiệm với các trình xử lý văn bản hỗ trợ biểu định kiểu chỉ ra rằng hầu hết các tác giả đọc sai biểu định kiểu của họ một cách khủng khiếp. Hiểu tác động của phong cách tương đối dễ dàng trong xuất bản trên máy tính để bàn truyền thống vì đây là môi trường WYSIWYG với một biểu mẫu đầu ra chính tắc duy nhất. Web không phải là WYSIWYG do sự thay đổi trong các nền tảng được hỗ trợ. Hơn nữa, các biểu định kiểu Web được phân tầng, có nghĩa là biểu định kiểu của trang web được hợp nhất với biểu định kiểu của người dùng để tạo bản trình bày cuối cùng. Những điểm khác biệt này làm cho điều quan trọng là các biểu định kiểu Web được thiết kế bởi một chuyên gia hiểu được nhiều cách mà kết quả có thể trông khác so với những gì trên màn hình của chính họ Tài trợ cho một chương trình truyền bá tích cực để hướng dẫn những người sáng tạo nội dung của bạn cách sử dụng biểu định kiểu được xác định tập trung. Đừng cho rằng mọi người hiểu khái niệm về phong cách và cách áp dụng nó, đơn giản vì họ biết một trình xử lý văn bản với các biểu định kiểu. Nghiên cứu cho thấy rằng hầu hết người dùng mắc phải những sai lầm khủng khiếp khi sử dụng biểu định kiểu xử lý văn bản. một phần vì trình xử lý văn bản chính có khả năng sử dụng biểu định kiểu đặc biệt kém và một phần vì kiểu dáng khó. Biểu định kiểu của bạn phải đi kèm với một sổ tay hướng dẫn nhỏ giải thích các kiểu khác nhau cũng như thời điểm và cách sử dụng chúng. Bao gồm nhiều ví dụ, bao gồm cả mã HTML thô (ví dụ cắt và dán là cách chính mà mọi người sử dụng tài liệu) và ảnh chụp màn hình về sự xuất hiện của các trang được mã hóa chính xác trong một số trình duyệt chính trên một số nền tảng khác nhau. Các ảnh chụp màn hình phải được tạo thành các sơ đồ hình ảnh có thể nhấp được, cho phép người dùng nhấp vào hiệu ứng họ muốn đạt được và truy cập tài liệu về các kiểu phù hợp. Đặc biệt, nếu nhiều phong cách có hình thức giống nhau, có thể tránh được nhiều lỗi bằng cách giải thích sự khác biệt và khi nào nên sử dụng phong cách nào Mặc dù sở thích của tôi đối với biểu định kiểu được liên kết và thiết kế trung tâm, các tác giả trang riêng lẻ nên được phép tạo các kiểu nhúng bổ sung cho các trang của riêng họ khi cần thiết. Các tác giả nên được khuyến khích chỉ làm như vậy khi thực sự cần thiết, nhưng sẽ luôn có những trường hợp cần một phong cách nhất định không được cung cấp trong biểu định kiểu trung tâm. Nếu nhiều trang cần cùng một hiệu ứng, thì nó nên được thêm vào biểu định kiểu chung của trang web, nhưng sẽ rất tệ nếu thổi phồng một biểu định kiểu được liên kết với các kiểu chỉ cần một lần. Các kiểu trang đơn nên được nhúng thay vì được liên kết. trang sẽ tiếp tục liên kết trong biểu định kiểu chung và sau đó ghi đè trang đó bằng các kiểu cục bộ, được nhúng nếu cần. Làm như vậy có lợi là cho phép các thay đổi trong tương lai đối với biểu định kiểu trung tâm lan truyền đến trang đã sửa đổi ở mức độ lớn nhất có thể Tư vấn thực hiện
Mặc dù nút logo CSS rất đẹp nhưng tôi khuyên bạn nên kiềm chế và không dán nó lên khắp trang web của mình. Đặc biệt, không đặt nó trên trang chủ. Người dùng không quan tâm đến cách bạn triển khai trang web của mình (ngoại trừ nếu họ nhấp vào liên kết đến "giới thiệu về trang web này" - sẽ rất tuyệt nếu đặt nút CSS trên trang "Giới thiệu"). Một quy tắc vững chắc cho thiết kế trang chủ là nhiều hơn là ít hơn. bạn càng đặt nhiều nút và tùy chọn trên trang chủ, thì càng ít người dùng có khả năng nhanh chóng tìm thấy thông tin họ cần. (Vì quy tắc này, tôi cảm thấy bối rối trước nhiều trang chủ có các nút tải xuống cho các nhà cung cấp trình duyệt khác nhau. tại sao bất kỳ ai lại giảm khả năng sử dụng trang web của họ để cung cấp cho công ty khác quảng cáo miễn phí thì tôi không biết. )
Thông tin về các Tác giả Jakob Nielsen, Ph. D. , là Người ủng hộ người dùng và là người đứng đầu của Nielsen Norman Group mà ông đồng sáng lập với Tiến sĩ. Donald A. Norman (cựu phó giám đốc nghiên cứu của Apple Computer). Tiến sĩ. Nielsen đã thành lập phong trào "kỹ thuật giảm giá khả năng sử dụng" để cải thiện giao diện người dùng nhanh chóng và rẻ tiền và đã phát minh ra một số phương pháp khả năng sử dụng, bao gồm đánh giá theo kinh nghiệm. Ông nắm giữ 79 bằng sáng chế của Hoa Kỳ, chủ yếu về cách làm cho Internet dễ sử dụng hơn Đăng ký nhận bản tin hộp thư điện tử cảnh báo của chúng tôi Các bài viết mới nhất về khả năng sử dụng giao diện, thiết kế trang web và nghiên cứu UX từ Nielsen Norman Group Loại CSS nào là tốt nhất và hiệu quả nhất Tại sao?Với CSS bên ngoài, bạn sẽ liên kết các trang web của mình với một bên ngoài. css, tệp này có thể được tạo bởi bất kỳ trình soạn thảo văn bản nào trong thiết bị của bạn (e. g. , Sổ tay ++). Loại CSS này là một phương pháp hiệu quả hơn, đặc biệt là để tạo kiểu cho một trang web lớn
Cách tiếp cận tốt nhất của CSS là gì?6 Phương pháp hay nhất về CSS nên áp dụng trong năm 2021 . Giữ nó có tổ chức Làm cho nó dễ hiểu Giữ cho nó ngắn Sử dụng Biểu định kiểu Đặt lại Đi dễ dàng trên màu sắc Đừng quá cụ thể Cách hiệu quả nhất để chèn kiểu CSS là gì?Phương pháp tốt nhất để đính kèm biểu định kiểu CSS của bạn là sử dụng các kiểu bên ngoài . Với phương pháp này, bạn sẽ viết tất cả CSS của mình vào một tệp riêng biệt với một. phần mở rộng css. Sau đó, bạn có thể liên kết đến tệp CSS từ mỗi trang HTML của mình.
Loại CSS nào được ưa thích nhất?Trong ba loại CSS này, các phương thức được sử dụng phổ biến nhất là CSS nội tuyến và CSS bên ngoài . Ba phương pháp này là các phương thức khác nhau mà biểu định kiểu xếp tầng có thể được sử dụng để áp dụng một kiểu duy nhất trong các phương thức khác nhau này và như CSS nội tuyến đã đề cập và CSS bên ngoài là những phương thức thường được sử dụng. |
