Saturday, January 18, 2020

Tìm hiểu Inline CSS

Chúng ta có thể áp dụng CSS cơ bản trong một yếu tố duy nhất bằng kỹ thuật Inline CSS.
CSS nội tuyến cũng là một phương pháp để chèn các biểu định kiểu trong tài liệu HTML. Phương pháp này giảm thiểu một số ưu điểm của biểu định kiểu nên được sử dụng phương pháp này một cách tiết kiệm.
Tìm hiểu Inline CSS

Nếu bạn muốn sử dụng CSS nội tuyến, bạn nên sử dụng thuộc tính style cho thẻ có liên quan.
Cú pháp:
<htmltag style="cssproperty1:value; cssproperty2:value;"> </htmltag> 
Thí dụ:
<h2 style="color:red;margin-left:40px;">Inline CSS is applied on this heading.</h2> 
<p>This paragraph is not affected.</p>  
Nhược điểm của CSS nội tuyến
Bạn không thể sử dụng trích dẫn trong CSS nội tuyến. Nếu bạn sử dụng trích dẫn, trình duyệt sẽ hiểu đây là phần cuối của giá trị kiểu của bạn.
Những phong cách này không thể được tái sử dụng ở bất cứ nơi nào khác.
Những kiểu này rất khó để chỉnh sửa vì chúng không được lưu trữ ở một nơi duy nhất.
Không thể định kiểu mã giả và lớp giả bằng CSS nội tuyến.
CSS nội tuyến không cung cấp lợi thế bộ đệm của trình duyệt.