Css được viết như thế nào

3 cách viết css hiện nay

Bạn liệt kê cho mình đó là 3 cách gì thế?

Tách file css riêng và link tới nhé. Để dễ maintain sau này.

Ba cách bạn viết chắc là.
Inline:

<div style="display:block;" />

In document:

<style type="text/css">.fancybox-margin{margin-right:17px;}</style>

Reference:

<link href="/stylesheets/jstoolbar.css?1373820669" media="screen" rel="stylesheet" type="text/css">

Inline khó maintain, load lâu hơn (Do cơ chế load) nhưng đảm bảo khi load trang ra sẽ hiển thị đúng giao diện mong muốn. Hãy xem Facebook khi mạng chậm có trường hợp nó hiển thị loạn cả lên do code style/css không được load cùng đầy đủ.

In document thì dễ maintain hơn chút nhưng vẫn có nhược điểm là khiến code load lâu hơn.

Cách cuối được recomment nhiều nhất vì nó dễ SEO.

• Các con crawler dễ hoạt động hơn vì trong trang html chỉ toàn nội dung chính, nội dung thừa đã bị đưa ra một vùng khác.
• Dễ maintain hơn do cấu trúc bao đóng giúp các thành phần được sửa đổi không overlap vào nhau.
• Load nhanh hơn do cơ chế đa luồng của web browser và sắp tới là chuẩn http2.0

=> Hãy dùng cách thứ ba mặc dù mới đầu dùng có thể chưa quen do không kết nối được các phần code với nhau, lúc chạy qua chỗ này lúc chạy qua file nọ code. Nhưng mà cái đó mới làm nên giá trị để người ta trả tiền cho mình. Have fun…

Mình viết riêng ra 1 file css rồi link tới file đó