Skip to main content

CSS là gì?

Bảng kiểu Cascading (CSS) là một cách để thiết kế một trang web hoặc một nhóm các trang web, để họ có một cái nhìn và cảm nhận nhất quán, và để vẻ ngoài và cảm giác của họ dễ thay đổi.Bằng cách sử dụng CSS để thiết kế một trang web, nhà phát triển web có được mức độ kiểm soát lớn hơn đối với cách trang web xuất hiện. Một nhà phát triển web có thể sử dụng tệp CSS để kiểm soát giao diện của một trang web theo ba cách chính.Cách đầu tiên được gọi là Inline, đề cập đến thực tế là mã được đặt ngay vào dòng mã trang web.Ví dụ, một nhà phát triển web có thể muốn làm cho một câu cụ thể xuất hiện trong loại màu đỏ đậm để nó nổi bật.Cô có thể sử dụng CSS để đặt kiểu của câu đó thành đậm và màu đỏ bằng mã nội tuyến.Lợi ích của phương pháp này là nó cho phép thay đổi nhanh chóng và dễ dàng thành một phần cụ thể của trang web. Một cách khác mà nhà phát triển web có thể sử dụng CSS là thực hiện các quy tắc cho một trang web.Trong trường hợp này, nhà phát triển sẽ sử dụng cái được gọi là CSS nhúng.Ví dụ, nhà phát triển có thể làm cho mỗi đoạn văn mới và từng tiêu đề in đậm.Các hướng dẫn nhúng thường được đặt ở đầu mã trang web.Điều này cho phép nhà phát triển thay đổi mã nhúng một lần và có các hiệu ứng diễn ra trong toàn bộ trang.Nếu anh ta quyết định đặt tất cả các tiêu đề in nghiêng thay vì văn bản táo bạo, anh ta chỉ có thể thay đổi mã hóa kiểu, và tất cả các tiêu đề trên trang đó sẽ thay đổi.Điều này có một lợi thế so với phương thức nội tuyến ở chỗ nó bao gồm toàn bộ trang web và các thay đổi có thể được thực hiện cho toàn bộ trang cùng một lúc. Loại CSS chung cuối cùng là những gì được gọi là CSS bên ngoài.Một nhà phát triển web sẽ viết mã để áp dụng cho toàn bộ nhóm trang web, toàn bộ trang web hoặc thậm chí nhiều trang web.Các quy tắc này có thể bao gồm những thứ như màu nền, màu văn bản, khoảng cách từ và các yếu tố khác của bố cục trang, giống như hai ví dụ trước của CSS.Sự khác biệt là các hướng dẫn này không dành cho một phần của trang hoặc chỉ một trang web, mà cho toàn bộ trang web.Ưu điểm là giao diện của toàn bộ trang web có thể được thay đổi cùng một lúc bằng cách thực hiện các thay đổi đối với bảng kiểu bên ngoài.Nếu nhà thiết kế muốn thử một màu nền mới hoặc phông chữ mới cho toàn bộ trang web, cô ấy có thể làm như vậy với sự thay đổi của một vài dòng trong mã bên ngoài, thay vì đi đến mỗi trang riêng lẻ và thực hiện các thay đổi ở đó.Nhược điểm cho cả CSS được nhúng và bên ngoài là có nhiều thời gian tham gia vào việc tạo ra một bảng kiểu lớn, sẽ bao gồm rất nhiều cách bố trí, thay vì thực hiện các thay đổi nhỏ hơn cho từng dòng.Nhà thiết kế web phải quyết định xem có hiệu quả hơn về lâu dài để thực hiện các hướng dẫn nội tuyến cá nhân hay để tạo CSS được nhúng hoặc bên ngoài để chăm sóc nhiều tính năng thiết kế cùng một lúc.