- Khi nhu cầu dàn trang cho các trang web ngày càng lớn thì lượng mã HTML cồng kềnh rất khó khăn để đáp ứng được nhu cầu đó. Chính vì vậy công nghệ CSS (Cascading Style Sheet) được W3C (Wide web consotium) đưa vào sử dụng, nhờ vậy nhu cầu dàn trang và có thể tùy biến trang web một cách thuận tiện, dễ quản lí hơn. CSS giúp người dùng có thể thêm kiểu ( font, hình nền, kích thước, ...) vào trong trang web, khôngnhững thế ta còn có thể đặt một thuộc tính cho nhiều đối tượng bằng thẻ <DIV> ( class, id ). Hầu hết ở các web site chuyên nghiệp người ta sử dụng thẻ <DIV> của CSS mà ít dùng các thẻ khác của HTML.
- Không phải trình duyệt web nào cũng hỗ trợ CSS tốt cho nên việc quản lí CSS trên các trình duyệt khác nhau là vấn đề rất khó. CSS không phải là một ngôn ngữ lập trình nó chỉ quy định kiểu thể hiện của một đối tượng nào đó trên trang web.
- Ví dụ về CSS.
Chẳng hạn bạn muốn thẻ <p> có các thuộc tính như font Verdana, màu xanh da trời, chữ đậm, gạch chân. Bạn có thể làm theo 3 cách như sau:
Cách 1: Dùng CSS cục bộ ( chèn trực tiếp mã CSS vào trong thẻ )
<p style="color: blue; font-weight: bold; font: verdana; text-decoration: underline;"> BVNBLOG </p>
BVNBLOG
Cách 2: Dùng CSS nội tuyến.Bạn khai báo css trong hai thẻ <HEAD></HEAD>
<head>
<style>
p.style1{
color: blue;
font-weight: bold;
font: verdana;
text-decoration: underline;
}
</style>
</head>
<p class="style1">BVNBLOG</p>
Và kết quả cũng tương tự như trên.Cách 3: Khai báo CSS ngoài một file nào đó rồi gọi vào.
Bạn tạo một file .css và viết đoạn code CSS trên vào lưu lại với tên style1.css và include nó như sau:
<LINK href="style1.css" reel ="stylesheet" type ="text/css" >vậy là file html của bạn có thể sử dụng đoạn CSS từ file style1.css
Không có nhận xét nào:
Đăng nhận xét