Trong thiết kế web thì phần giao diện rất quan trọng và CSS góp 1 phần trong cái "quan trọng" đó. Vậy để chèn CSS vào trang web thì bạn phải làm gì? Sau đây mình sẽ hướng dẫn bạn với 3 cách phổ biến nhất và cũng là duy nhất:
1. Khai báo CSS với đường link tới file
Sau khi bạn đã code xong CSS thì bạn hãy lưu file lại dưới dạng "*.css", ở đây mình ví dụ đặt tên là "style.css" thì mình sẽ có đoạn
Như vậy mình đã có cú pháp khai báo file css như sau:
2. Khai báo trong thẻ riêng
Cách này chỉ đơn giản là giúp bạn có thể khai báo CSS ngay trong trang của bạn với thẻ "<style>...</style>" với cú pháp như sau:
3. Khai báo ngay trong thẻ với thuộc tính "style"
Chẳng hạn bạn muốn style css cho 1 thẻ trong trang mà bạn chỉ muốn 1 thẻ bạn đã chọn có style đó thì bạn có thể dùng cú pháp như sau:
Với 3 cách khai báo CSS như trên mình mong bạn có thể sử dụng chúng đúng cách trong các tình huống khác nhau!
1. Khai báo CSS với đường link tới file
Sau khi bạn đã code xong CSS thì bạn hãy lưu file lại dưới dạng "*.css", ở đây mình ví dụ đặt tên là "style.css" thì mình sẽ có đoạn
- Code:
<head>
<link rel="stylesheet" type="text/css" href="style.css" medial="all"/>
</head>
Như vậy mình đã có cú pháp khai báo file css như sau:
- Code:
<link rel="stylesheet" type="text/css" href="link_file_css" medial="all"/>
2. Khai báo trong thẻ riêng
Cách này chỉ đơn giản là giúp bạn có thể khai báo CSS ngay trong trang của bạn với thẻ "<style>...</style>" với cú pháp như sau:
- Code:
<style type="text/css">
/* Khai báo CSS tại đây */
tagname {background: #000;color: #fff;}
</style>
3. Khai báo ngay trong thẻ với thuộc tính "style"
Chẳng hạn bạn muốn style css cho 1 thẻ trong trang mà bạn chỉ muốn 1 thẻ bạn đã chọn có style đó thì bạn có thể dùng cú pháp như sau:
- Code:
<h2 style="background: #000;color:#fff">...</h2>
Với 3 cách khai báo CSS như trên mình mong bạn có thể sử dụng chúng đúng cách trong các tình huống khác nhau!