CSS là gì? CSS có vai trò như thế nào? Phân biệt giữa CSS với HTML. Tìm hiểu ngay!
CSS là gì? Phân biệt giữa CSS với HTML
CSS là cách viết tắt của cụm từ Cascading Style Sheet language, tạm dịch là ngôn ngữ tạo phong cách cho trang web. Nói một cách khác, CSS là công cụ để giúp cho trang web của bạn trở nên nổi bật và có tính thẩm mỹ cao hơn.
CSS được biết đến là ngôn ngữ được dùng để định dạng các phần tử do ngôn ngữ đánh dấu (HTML). Phát triển bởi W3C (World Wide Web Consortium) vào năm 1996, CSS ra đời với một lý do đơn giản - công cụ hỗ trợ cho HTML. Cách hoạt động của CSS là tìm các vùng cần chọn trên trang web, ví dụ như thẻ HTML, class, tên ID… và tiếp tục áp dụng những thuộc tính cần thay đổi lên các vùng chọn.
Ưu điểm của CCS là dễ học, dễ hiểu, có khả năng kiểm soát tốt một trang trình bày HTML. Tuy nhiên, CSS lại dễ gây nhầm lẫn vì nó có khá nhiều cấp độ và tính tổn thương cao.
CSS là gì?
Như đã đề cập, CSS hoạt động dưới vai trò hỗ trợ cho HTML. Khi HTML đưa ra dữ liệu cho trang web, CSS sẽ từ đó định dạng dữ liệu theo mong muốn của người dùng.
Ví dụ: Một phần tử HTML có dạng như sau:
Mua hàng tại đây!
Để cho dòng chữ này đổi sang màu xanh đậm, ta sẽ dùng CSS với câu lệnh:
p{màu: xanh; font-weight: in đậm;}
Trong đó:
p là dòng chữ cần đổi màu, gọi là bộ chọn của cơ quan điều chỉnh của CSS. Các thành phần trong ngoặc nhọn là phần khai báo thuộc tính, Các thuộc tính dữ liệu CSS bao gồm màu sắc, định dạng chữ, lề, …
Hoặc một ví dụ khác về cách định dạng lề. Phần tử HTML có dạng:
Hãy chọn nút này
Để định dạng cho dòng chữ này căn giữa, ta dùng câu lệnh sau:
p {text-align: center;}
CSS hoạt động như thế nào?
Ưu nhược điểm của CSS
HTML là cách viết tắt của cụm từ HyperText Markup Language, tạm dịch là ngôn ngữ văn bản của website. HTML được dùng để xác định cấu trúc của nội dung như tiêu đề, hình ảnh, phân đoạn văn.
Trong khi đó, tác vụ chính của CSS lại là định dạng những gì mà HTML tạo nên.
Đây là hai ngôn ngữ là hai ngôn ngữ độc lập, có vai trò hoàn toàn khác nhau. Tuy nhiên, chúng lại được sử dụng để bổ trợ cho nhau. Khi có sự kết hợp của HTML và CSS trang web sẽ trở nên đầy đủ về nội dung và chỉn chu về hình thức.
Phân biệt giữa CSS với HTML
Trên đây là bài viết về khái niệm cũng như những điều bạn có thể chưa biết về CSS. Hy vọng thông qua bài viết bạn đã có cho mình những kiến thức bổ ích. Đừng quên chia sẻ bài viết lí thú này với mọi người nữa nhé!
Trung tâm bảo hành có bán linh kiện và dịch vụ chính hãng, đào tạo KTV miễn phí, gọi là có mặt ngay, bảo hành tại nhà.