Chèn CSS vào HTML như thế nào?

HTML CSS


Để chèn CSS vào HTML bao gồm 3 cách
1. CSS ngoại tuyến (External Style Sheet)
Với cách này bạn có thể quản lý website của bạn một cách dễ dàng nhất. File CSS nằm tách biệt khỏi HTML để xử lý định dạng nhiều trang có định dạng giống nhau chỉ cần thay đổi file CSS. File này được lưu với đuôi mở rộng .css

<head>
<link rel=”stylesheet” type=”text/css” href=”css/style.css”>
</head>

2. CSS nội tuyến(INTERNAL STYLE SHEET)
Khai báo CSS nội tuyến được đặt trong cặp thẻ <style>...</style>
Ví dụ:

<style>
body{background: #999; color: green}
p{size: 14px}
</style>

3. CSS cục bộ(INLINE STYLES)
Là chèn mã trực tiếp vào thẻ HTML đây là phương pháp tự do nhưng nhược điểm là nếu sau này muốn sửa lại website thì sẽ hơi vất vả.
Ví dụ:

<p style="color: black; margin-left: 10px"> This is paragraph </p>

Trên đây là 3 cách để chèn CSS vào HTML chúc các bạn học CSS thành công!

SHARE THIS

Author:

Etiam at libero iaculis, mollis justo non, blandit augue. Vestibulum sit amet sodales est, a lacinia ex. Suspendisse vel enim sagittis, volutpat sem eget, condimentum sem.

0 nhận xét: