Câu hỏi CSS

1. css selector là gì
CSS (Cascading Style Sheets) selectors là cách để chọn các phần tử HTML
mà bạn muốn áp dụng các quy tắc CSS cho chúng. CSS selectors cho phép
chúng ta xác định các phần tử cụ thể hoặc nhóm các phần tử dựa trên các thuộc
tính, lớp, hoặc cấu trúc của chúng trong cây DOM (Document Object Model).
2. Phân biệt ID và Class
- ID và class là hai loại của các thuộc tính mà bạn có thể sử dụng trong
HTML và CSS để định danh và áp dụng các quy tắc CSS cho các phần tử.
- ID (Identifier): ID là một thuộc tính duy nhất trong một tài liệu HTML.
Không thể có hai phần tử trong cùng một tài liệu có cùng một ID. Để đặt một ID
cho một phần tử, chúng ta sử dụng thuộc tính ID. Trong CSS, chúng ta có thể chọn
một phần tử dựa trên ID của nó bằng cách sử dụng ký hiệu # theo sau là tên ID.
- Class: Là một thuộc tính có thể được sử dụng để định danh một hoặc nhiều
phần tử HTML. Một hoặc nhiều phần tử có thể chia sẻ cùng một class.
=> ID là duy nhất trong tài liệu HTML, trong khi class có thể được sử dụng để
định danh nhiều phần tử. Trong CSS, bạn sử dụng # để chọn ID và . để chọn class.
3. Điều gì sẽ xảy ra khi ta mở tệp external CSS trong Browser
Khi bạn mở một tệp CSS bên trong trình duyệt web, tức là nhúng CSS trực tiếp
vào tài liệu HTML, các quy tắc CSS được định nghĩa trong phần <style> của tài liệu
HTML sẽ được trình duyệt hiểu và áp dụng cho các phần tử HTML tương ứng trong
trang web.
4. Có thể khôi phục giá trị thuộc tính mặc định trong CSS không?
Ta có thể khôi phục giá trị thuộc tính mặc định trong CSS bằng cách sử dụng từ
khóa “initial”.
5. Có bao nhiêu loại CSS có thể đưa vào HTML?
- Có 3 loại CSS có thể đưa vào HTML:
+ CSS Nội tuyến (Inline CSS);
+ CSS Ngoại tuyến (External CSS);
+ CSS Nhúng (Embedded CSS).
6. Phân biệt “resetting” và “normalizing”
- Resetting CSS là quá trình loại bỏ hoặc đặt lại các giá trị mặc định của các
thuộc tính CSS của các phần tử trên trang web về giá trị ban đầu hoặc giá trị mặc
định, nhằm loại bỏ sự khác biệt giữa các trình duyệt.
- Normalizing CSS cũng giống như resetting nhưng thay vì loại bỏ hoặc đặt
lại tất cả các giá trị, nó chỉ chuẩn hóa các giá trị mặc định của các phần tử để đảm
bảo rằng chúng đều được hiển thị một cách thống nhất trên tất cả các trình duyệt.