Hướng dẫn what is the main advantage of css? - lợi thế chính của css là gì?

CSS handles the look and feel part of a web page. Using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs, how columns are sized and laid out, etc.

Nội dung chính Show

Tách phong cách và cấu trúc
Thời gian tải xuống trang web nhanh hơn
Kiểm soát trình bày nhiều hơn
Tối ưu hóa công cụ tìm kiếm
Lợi thế và nhược điểm của CSS là gì?
Sáu lợi thế của CSS là gì?
Những lợi thế của HTML và CSS là gì?

The following are the advantages of CSS −

CSS saves time − You can write CSS once and then reuse the same sheet in multiple HTML pages. You can define a style for each HTML element and apply it to as many Web pages as you want.
Easy maintenance − To make a global change, simply change the style, and all elements in all the web pages will be updated automatically.
Global web standards − Now HTML attributes are being deprecated and it is being recommended to use CSS. So it's a good idea to start using CSS in all the HTML pages to make them compatible with future browsers.
Platform Independence − The Script offer consistent platform independence and can support latest browsers as well.

Updated on 30-Jul-2019 22:30:22

Related Questions & Answers
What are the advantages of JavaScript?
What are the advantages of SIEM?
What are the advantages of stored procedures?
What are the advantages of using Cucumber?
What are the advantages of Share Buyback?
What are the advantages of Symmetric Algorithms?
What are the advantages and disadvantages of smartphones?
What are the advantages of C++ Programming Language?
What are the advantages and disadvantages of mergers?
What are the advantages and disadvantages of acquisition?
What are the advantages and disadvantages of Antivirus?
What are the advantages of Information Management Security?
What are the advantages of issuing Bonus Shares?
What are the advantages of having Stability of Dividends?
What are advantages of using JSP?

Nếu bạn không sử dụng các bảng kiểu xếp tầng trong các trang web của bạn nhưng xấu hổ với bạn. CSS có sự hỗ trợ tuyệt vời trong các trình duyệt ngày hôm nay. Nó tương đối dễ học và tạo ra mã tốt hơn và sạch hơn so với việc áp dụng tất cả các phong cách đó trực tiếp vào HTML của bạn.

Sử dụng CSS mô đun hóa các trang web của bạn giống như cách mà các lập trình viên đã mô đun hóa mã phần mềm cho năm. Mã mô -đun trong trang web của bạn cho phép tính nhất quán thiết kế cao hơn và bảo trì dễ dàng hơn. CSS là tiêu chuẩn mới và bây giờ đã được vài năm. Đó là thời gian để tách cấu trúc của HTML và việc trình bày CSS.

Vì vậy, nếu chúng tôi đã sử dụng HTML trong nhiều năm và tạo ra tất cả các loại trang web tuyệt vời với họ tại sao lại thực hiện chuyển đổi? Một số lợi thế của việc sử dụng CSS là:

Dễ dàng hơn để duy trì và cập nhật
Tính nhất quán lớn hơn trong thiết kế
Nhiều tùy chọn định dạng hơn
Mã nhẹ
Thời gian tải xuống nhanh hơn
Lợi ích tối ưu hóa công cụ tìm kiếm
Dễ dàng trình bày các phong cách khác nhau cho người xem khác nhau
Khả năng tiếp cận cao hơn

Tách phong cách và cấu trúc

Ý tưởng cơ bản đằng sau CSS là tách cấu trúc của một tài liệu khỏi cách trình bày tài liệu. HTML có nghĩa là cho cấu trúc. Nó không bao giờ nhằm mục đích cho bất cứ điều gì khác. Tất cả những thuộc tính bạn thêm vào kiểu trang của bạn đã được thêm vào sau này khi công khai xem yêu cầu nó. Tất cả những bổ sung đó mặc dù làm cho HTML vụng về và hoạt động chống lại mục đích chính của nó là cấu trúc một tài liệu. HTML có mặt để cho một trình duyệt biết rằng khối văn bản này là một đoạn văn và khối văn bản đó là một tiêu đề cho đoạn này.

Không có tất cả các HTML bổ sung để tạo kiểu, cấu trúc của tài liệu của bạn dễ đọc hơn nhiều, giúp cập nhật dễ dàng hơn khi phá vỡ tài liệu. Tất cả các CS của bạn có thể được chuyển sang một tệp riêng biệt giúp cập nhật kiểu của bạn dễ dàng hơn. Trước đây để cung cấp cho mỗi trang của bạn một màu nền, bạn đã thêm bgcolor = Red Red vào mỗi thẻ cơ thể trên trang web của bạn. Điều gì đã xảy ra khi bạn nhận ra rằng Red wasn sẽ tạo ra một màu nền tốt và bạn muốn thay đổi nó thành màu xám nhạt. Với một trang web nhỏ, nó không phải là một vấn đề lớn để mở 10 tệp và thực hiện thay đổi từ #ff000 (màu đỏ) thành #eeeeee (màu xám nhạt). Nhưng nếu bạn có 100 trang thì sao? 1000 trang? Để mã nền đó trên mỗi trang của trang web của bạn bằng CSS sẽ yêu cầu một dòng mã duy nhất, Body {nền:#FF000} trong bảng kiểu của bạn. Một dòng mã có thể dễ dàng được thay đổi trong vài giây để ảnh hưởng đến sự thay đổi trên toàn bộ màu nền.

Nếu bạn cần bị thuyết phục về việc thay đổi trang web của bạn bằng CSS dễ dàng như thế nào và bạn có thể có một trang web khác nhau bằng cách chỉnh sửa chỉ một tệp, hãy xem trang web của CSS Zen Garden và xem xét mức độ có thể dễ dàng thay đổi bằng cách tách cấu trúc và trình bày.

Thời gian tải xuống trang web nhanh hơn

Sử dụng các bảng kiểu xếp tầng thường dẫn đến ít mã hơn phía sau các trang web của bạn, giúp thời gian tải xuống của một trang. Khi trình duyệt nhìn thấy một bảng trong mã của bạn, nó cần đọc qua tất cả mã của bạn hai lần. Một lần để hiểu cấu trúc của bảng và một lần nữa để thực sự hiển thị nội dung trong bảng. Thời gian thêm làm chậm trang của bạn. Sử dụng các bảng trong bố cục của một trang web thường dẫn đến việc sử dụng nhiều hình ảnh hơn trên trang đó. Hình ảnh thường là yếu tố nặng nhất của một trang và thường là thủ phạm chính trong việc làm chậm các trang của bạn. Chắc chắn các hình ảnh có thể được tối ưu hóa để làm cho chúng nhỏ hơn, nhưng chúng vẫn lớn hơn một dòng mã và mỗi hình ảnh yêu cầu một yêu cầu khác của trình duyệt đến máy chủ.

Bởi vì bạn đã đặt tất cả các CS của mình trong một tệp riêng, mã sẽ được lưu trong bộ nhớ cache sau yêu cầu ban đầu. Nó không cần phải tải xuống một lần nữa cho các trang tiếp theo. Mã bảng của bạn cần tồn tại trên mỗi trang của trang web của bạn và phải được đọc lại mỗi khi một trang mới được yêu cầu ngay cả khi cấu trúc bảng giống nhau trên mỗi trang.

Trong cuộc phỏng vấn của Eric Meyer, với Mike Davidson của ESPN, ông Davidson ước tính rằng 2 terabyte băng thông đã được lưu mỗi ngày sau khi họ chuyển sang CSS trên trang web của ESPN.

Kiểm soát trình bày nhiều hơn

CSS cho phép kiểm soát nhiều hơn đối với việc trình bày các trang web của bạn. Với cách các nhà thiết kế web kiểm soát đôi khi có thể có rất tốt khi biết có một cách để lấy lại một số. Ngoài thực tế là CSS có nhiều tùy chọn định dạng hơn so với HTML, chẳng hạn như các tùy chọn để kiểm soát khoảng cách và dẫn đầu văn bản, CSS cũng có thể xác định theo thứ tự nào trang hiển thị. Nếu bạn có một số đồ họa nặng, bạn có thể đặt chúng cuối cùng trong mã của mình để đảm bảo khách truy cập của bạn ít nhất có thể có một số văn bản để đọc trong khi chờ đợi Grahics của bạn tải. Với bàn, nó có tất cả hoặc không có gì. Bạn đã giành chiến thắng có thể nhận được một phần của tải bảng của bạn trước một phần khác.

CSS cũng cung cấp cho bạn quyền kiểm soát tốt hơn đối với các phương tiện khác nhau. Bạn có thể sắp xếp mã của mình để giúp người đọc màn hình dễ dàng theo dõi, tạo ra một trang web dễ truy cập hơn. Bạn có thể tìm hiểu thêm về các tính năng tiếp cận của CSS tại W3C.

Một trong những cách sử dụng phổ biến hơn của CSS là trình bày cùng một trang khác nhau với các phương tiện khác nhau là làm cho tài liệu của bạn có thể in được. Các trang web không phải lúc nào cũng thân thiện với máy in. Sử dụng CSS, nó dễ dàng điều chỉnh một vài kiểu để có được một cái nhìn hoàn toàn khác trên màn hình và thông qua máy in. Khách truy cập vào trang web của bạn don don cũng cần phải làm bất cứ điều gì đặc biệt. Họ có thể in các trang của bạn ngay thông qua trình duyệt và nhận được một tài liệu không bị thay đổi với các màu nền và hình ảnh sẽ chỉ lãng phí mực hoặc mực của họ.

Tối ưu hóa công cụ tìm kiếm

Mặc dù nó thường không được mọi người đồng ý, nhưng có khả năng CSS có thể giúp các trang của bạn được tìm thấy trong một công cụ tìm kiếm. Bởi vì trang web CSS của bạn chứa ít mã hơn và có cấu trúc đơn giản hơn, nó dễ đọc hơn không chỉ cho bạn, mà còn cho các nhện công cụ tìm kiếm. Cho phép các nhện công cụ tìm kiếm thông qua mã của bạn nhanh hơn có nghĩa là các trang web của bạn có thể được lập chỉ mục nhanh hơn. Ngoài ra, còn có một cơ hội rằng ít mã sẽ được hiểu là văn bản cải thiện mật độ từ khóa của trang. Với ít mã hơn để nhầm lẫn thông qua nó, nó dễ dàng hơn cho các nhện công cụ tìm kiếm để xác định trang về cái gì. Tất cả những thứ khác đều bằng các trang web sử dụng CSS để bố trí thiết kế của họ có nhiều khả năng xếp hạng cao hơn trong các công cụ tìm kiếm.

Những lợi ích của các bảng phong cách xếp tầng là rất nhiều và được hỗ trợ của các trình duyệt hiện đại ở đó, không có lý do gì để không học cách sử dụng chúng. Nếu tất cả mọi thứ trên đã không thuyết phục bạn xem xét điều này. Phần lớn HTML đã bị phản đối và tại một thời điểm nào đó trong tương lai, nó sẽ không còn hoạt động trong các trình duyệt nữa. Khi thời gian đó đến, nhiều trình duyệt ngày hôm nay sẽ không hiển thị và cần phải được mã hóa lại. Những người đã sử dụng các bảng kiểu xếp tầng sẽ tiếp tục hoạt động bình thường.

Bài tiếp theo "

Tải xuống một mẫu miễn phí từ cuốn sách của tôi, Thiết kế cơ bản.

Lợi thế và nhược điểm của CSS là gì?

CSS rất dễ bảo trì do thời gian bảo trì ít hơn.Điều này là do một thay đổi mã dòng duy nhất ảnh hưởng đến toàn bộ trang web.Ngoài ra, nếu cần phải cải thiện, thì cần ít nỗ lực hơn để ảnh hưởng đến các thay đổi trong mã trang web.easy to maintain due to less maintenance time. This is because a single line code change affects the entire web page. Also, if improvements are required, then less effort is required to affect changes in the webpage code.