Chúng ta có ba cách khác nhau để nhúng CSS vào trong một tài liệu HTML Nội tuyến (kiểu thuộc tính) Đây là một phương pháp nguyên thủy nhất...
Chúng ta có ba cách khác nhau để nhúng CSS vào trong một tài liệu HTML
Nội tuyến (kiểu thuộc tính)Đây là một phương pháp nguyên thủy nhất để nhúng CSS vào một tài liệu HTML bằng cách nhúng vào từng thẻ HTML muốn áp dụng. Và dĩ nhiên trong trường hợp này chúng ta sẽ không cần selector trong cú pháp.
Lưu ý: Nếu bạn muốn áp dụng nhiều thuộc tính cho nhiều thẻ HTML khác nhau thì không nên dùng cách này.
Ở ví dụ sau chúng ta sẽ tiến hành định nền màu trắng cho trang và màu chữ xanh lá cho đoạn văn bản như sau:
1.<html>2.<head>3.<title>Ví dụtitle>4.head>5.<body style=”background-color=#FFF;”>6.<p style=”color:green”>^_^ Welcome To My Blog ^_^p>7.body>8.html>Bên trong (thẻ style)
Thật ra nếu nhìn kỹ chúng ta cũng nhận ra đây chỉ là một phương cách thay thế cách thứ nhất bằng cách rút tất cả các thuộc tính CSS vào trong thẻ style (để tiện cho công tác bảo trì, sửa chữa ấy mà).
Cũng ví dụ làm trang web có màu nền trắng, đoạn văn bản chữ xanh lá, chúng ta sẽ thể hiện như sau:01.<html>02.<head>03.<title>Ví dụtitle>04.<style type=”text/style="color: white; background-color: rgb(0, 170, 0);">cssb>”>05.body { background-color:#FFF }06.p { color:#00FF00 }07.style>08.head>09.<body>10.<p>^_^ Welcome To My Blog ^_^p>11.body>12.html>Lưu ý: Thẻ style nên đặt trong thẻ head.
Đối với những trình duyệt cũ, không thể nhận ra thẻ