I. CSS là gì
- Như chúng ta đã biết, HTML dùng để tạo nên khung xương cho trang web, hiển thị các nội dung chính của trang web như các đoạn văn, hình ảnh, video.... Nhưng nếu chỉ có vậy thì website hiển thị ra sẽ không được bắt mắt.
- CSS là ngôn ngữ quy định cách trình bày của các thẻ HTML trên trang web, nó giúp chúng ta trang trí lại trang web, sắp xếp, căn chỉnh, quy định font chữ, màu chữ, màu nền.... CSS là một phần không thể thiếu để trang web đẹp và dễ nhìn hơn.
II. Các loại CSS cơ bản
- Có 3 loại CSS cơ bản như sau:
- Inline CSS: Là cách viết các thuộc tính luôn trong thẻ. Ví dụ:
<p style="color: red;">Xin chao</p>- Nhược điểm: + Phải viết đi viết lại nhiều lần và nếu code dài thì nhìn sẽ rất rối.
+ Khi muốn chỉnh sửa thì ta phải chỉnh sửa từng dòng một, rất mất thời gian.
Vì vậy các trang web hiện nay đều thường không sử dụng cách viết này.
- Embed CSS: Là cách viết nhúng CSS vào phần head của HTML. Ví dụ:
<html>- Ưu điểm: Không phải viết lại nhiều lần như cách inline.
<head>
<style type="text/css">
p{color: red;
}
</style>
</head>
<body>
<p>Welcome to my website</p>
</body>
</html>
- Nhược điểm: Phạm vi sử dụng chỉ trong một file HTML, không thể sử dụng ở những trang khác.
- External CSS: Là cách viết CSS ra một file riêng. Đây là cách viết được sử dụng nhiều nhất hiện nay vì nó rất tiện dụng và linh hoạt. Giả sử, website của bạn có rất nhiều trang HTML, khi muốn chỉnh sửa giao diện cho website, thay vì phải chỉnh sửa trong từng trang HTML, ta chỉ cần sửa một file css bên ngoài.
- Cú pháp:
<link rel="stylesheet" type="text/css" href="đường dẫn đến file .css" />Thẻ này được đặt trong thẻ <head>
Bài tập INTRODUCTION TO CSS:
0 nhận xét:
Đăng nhận xét