CSS là gì? Tìm hiểu về chú thích trong CSS

Chú thích trong CSS thường được sử dụng để giải thích các đoạn mã trong CSS. Nó rất hữu ích khi bạn hoặc người khác đọc lại các đoạn mã đã viết ra. Bài viết dưới đây sẽ cung cấp tới bạn những thông tin cơ bản về CSS nói chung và tìm hiểu về chú thích trong CSS nói riêng.

1. CSS là gì?

CSS (Cascading Style Sheet) là một ngôn ngữ tạo phong cách cho trang web. Đây là ngôn ngữ dùng để tạo phong cách và định kiểu cho những yếu tố được viết dưới dạng ngôn ngữ đánh dấu (như HTML). CSS có khả năng điều khiển định dạng của nhiều trang web cùng lúc, tiết kiệm thời gian và công sức của người viết web. 

Bằng cách điều khiển bố cục, màu sắc và font chữ, CSS có thể phân biệt cách hiển thị của trang web với nội dung chính của trang. 

2. Ưu điểm của CSS là gì?

Rất dễ dàng nhận biết được sự khác nhau giữa site có CSS và site không có CSS. Khi website không được load đầy đủ và chỉ có chữ đen, nền trắng. Như ví dụ sau:

Ưu điểm của CSS
Ưu điểm của CSS

Đây là một ví dụ điển hình khi thành phần CSS của bạn không tải lên được hoặc nó không tồn tại. 

Trước khi sử dụng CSS, tất cả style của CSS cần được đính kèm trong file HTML markup. Điều này có nghĩa là bạn cần tách ra để xác định các thành phần như background, font colors,…

Bạn có thể tạo style trước, sau đó tích hợp file CSS lên trên cùng của file HTML. Việc này sẽ giúp HTML markup rõ ràng và dễ quản lý hơn nhiểu. 

Nói tóm lại, với CSS bạn không cần lặp lại các mô tả cho từng thành phần. Nó sẽ tiết kiệm thời lại, rút ngắn code lại để bạn có thể dễ dàng kiểm soát lỗi hơn. 

3. Tìm hiểu về chú thích trong CSS

3.1. Chú thích trong CSS là gì?

Bên trong một cặp thẻ style hoặc một tập tin CSS, “chú thích” là những đoạn mã trình duyệt sẽ bỏ qua khi gặp phải chúng, nói cách khác là chúng sẽ không làm ảnh hưởng gì đến việc định dạng các phần tử.

3.2. Tại sao lại phải viết chú thích trong CSS

Trong quá trình soạn thảo mã CSS, sẽ có những đoạn mã phức tạp mà bạn sẽ cần ghi lại một vài câu để giải thích (nếu sau xem lại thì cũng sẽ dễ hiểu hơn)

3.3. Cách viết chú thích

Khi viết chú thích, chúng ta sẽ đặt những nội dung chú thích vào bên trong cặp dấu /* và */. Cặp dấu này có thể dùng để viết chú thích cho những nội dung nằm gọn trên một dòng hoặc được viết trên nhiều dòng.

Cách viết chú thích trong CSS
Cách viết chú thích trong CSS

3.4. Các công dụng khác của chú thích

Việc viết chú thích trong CSS còn có tác dụng làm vô hiệu hóa các khai báo hoặc các bộ định dạng nhằm mục đích kiểm tra việc định dạng của các đoạn mã còn lại.

Công dụng làm vô hiệu hóa các khai báo
Công dụng làm vô hiệu hóa các khai báo

Qua những thông tin được chia sẻ, hy vọng bạn thấy bài viết này hữu dụng, giúp bạn trả lời những thắc mắc về chú thích trong CSS. Nếu bạn có bất kỳ câu hỏi nào, hãy để lại bình luận ở bên dưới bài viết nhé!

Nếu bạn quan tâm, hãy xem các vị trí đang tuyển dụng của Got It tại: bit.ly/gotit-hanoi và đọc thêm về quy trình tuyển dụng tại đây.

branding
branding
February 07, 2021
0
Share this post to:
Tags:
css
0 Comments
Inline Feedbacks
View all comments
Các bài viết liên quan
CSS là gì? Tìm hiểu về chú thích trong CSS

CSS là gì? Tìm hiểu về chú thích trong CSS

Chú thích trong CSS thường được sử dụng để giải thích các đoạn mã trong CSS. Nó rất hữu ích khi bạn hoặc người khác đọc lại các đoạn mã đã viết ra. Bài viết dưới đây sẽ cung cấp tới bạn những thông tin cơ bản về CSS nói chung và tìm hiểu về […]
8 lưu ý khi thực hiện cách viết CSS tiêu chuẩn

8 lưu ý khi thực hiện cách viết CSS tiêu chuẩn

Để người dùng có những trải nghiệm tốt nhất, các developer luôn cần phải tìm hiểu và biết cách tối ưu hóa tốc độ xử lý dữ liệu website thông qua cách viết CSS tốt nhất. Bên cạnh đó, các yếu tố cơ bản như HTML, Javascript cũng như các hình ảnh cũng cần được […]
Thuộc tính in đậm trong CSS và cách sử dụng

Thuộc tính in đậm trong CSS và cách sử dụng

Có rất nhiều cách khác nhau để in đậm một đoạn text trên trang web. Ngoài việc sử dụng thẻ bold hoặc strong, bạn có thể sử dụng thẻ in đậm trong CSS. Thuộc tính in đậm của CSS giúp bạn có nhiều lựa chọn hơn so với HTML. Hãy cùng tìm hiểu về thẻ […]
Những kiến thức học CSS cơ bản bạn cần biết

Những kiến thức học CSS cơ bản bạn cần biết

Học CSS cơ bản bao gồm nhiều vấn đề như: cú pháp, màu sắc, font, hình ảnh… Liệu bạn đã nắm được những kiến thức cơ bản này chưa? Bài viết dưới đây sẽ giúp bạn nắm được một số vấn đề nền tảng nhất! Mục lụcCú pháp của CSS cơ bảnTìm hiểu về đơn […]
Cách sử dụng CSS trong HTML và thuộc của tính CSS

Cách sử dụng CSS trong HTML và thuộc của tính CSS

CSS là ngôn ngữ tạo phong cách cho trang web. Biết cách sử dụng CSS trong HTML, ta có thể định dạng ra các phần tử HTML thật đặc biệt và chuyên nghiệp. Bài viết sau đây sẽ giúp bạn hiểu hơn về CSS cũng như cách sử dụng nó. Mục lụcKhái niệm về CSSLý […]
HTML và CSS có gì khác nhau?

HTML và CSS có gì khác nhau?

Nếu ta ví HTML giống như bộ khung của một trang web, thì CSS chính là phần da thịt đắp lên để hoàn thiện giao diện cho website đó. HTML và CSS vốn là hai ngôn ngữ hoàn toàn độc lập với nhau, giữa chúng tồn tại rất nhiều điểm khác biệt mà bạn nên […]