BÀI THUYẾT TRÌNH<br />
Đề tài: NGÔN NGỮ LẬP TRÌNH CSS<br />
<br />
Học Phần: NGÔN NGỮ LẬP TRÌNH<br />
GVHD: Huỳnh Lê Tấn Tài<br />
SVTH: Dương Kiếm Anh (070022T)<br />
Trần Văn Hoài (070116T)<br />
Dương Phi Bảo (070039T)<br />
Nguyễn Duy Bảo (070040T)<br />
<br />
GIỚI THIỆU VỀ CSS<br />
CÚ PHÁP CỦA CSS<br />
CHÈN CSS VÀO TRONG TRANG WEB<br />
CÁC VẤN ĐỀ VỀ VĂN BẢN VÀ<br />
CÁCH ĐỊNH DẠNG VĂN BẢN<br />
CÁC THUỘC TÍNH CỦA FONT CHỮ VÀ<br />
ĐỊNH NGHĨA FONT CHỮ CHO VĂN BẢN<br />
<br />
GIỚI THIỆU VỀ CSS<br />
I.<br />
<br />
CSS là gì<br />
CSS (Cascading Style Sheets) được hiểu một cách đơn giản đó là cách<br />
mà chúng ta thêm các kiểu hiển thị (font chữ, kích thước, màu sắc...) cho một<br />
trang Web HTML(HyperText Markup Language)<br />
II.<br />
Một số đặc tính cơ bản của CSS<br />
CSS quy định cách hiển thị của các thẻ HTML bằng cách quy định các<br />
thuộc tính của các thẻ đó (font chữ, màu sắc). Có thể khai báo CSS bằng nhiều<br />
cách khác nhau: phía trong thẻ ..., hoặc ghi nó ra file riêng với<br />
phần mở rộng ".css", ngoài ra bạn còn có thể đặt chúng trong từng thẻ HTML<br />
riêng biệt.<br />
Tuy nhiên tùy từng cách đặt khác nhau mà độ ưu tiên của nó cũng khác<br />
nhau. Mức độ ưu tiên của CSS sẽ theo thứ tự sau.<br />
1<br />
Style đặt trong từng thẻ HTML riêng biệt<br />
2<br />
Style đặt trong phần <br />
3<br />
Style đặt trong file mở rộng .css<br />
4<br />
Style mặc định của trình duyệt<br />
<br />
GIỚI THIỆU VỀ CSS<br />
III.<br />
<br />
10 lý do sử dụng CSS<br />
<br />
1. Xây dựng một nền tảng để thay thế các phương thức cổ điển của Web,<br />
sử dụng css, việc chỉnh sửa rất đơn giản, không phụ<br />
thuộc vào coder.<br />
2. Tăng tốc độ website<br />
3.Thời gian phát triển website nhanh hơn<br />
4. Typography thể hiện ngầu hơn<br />
5. Dễ viết<br />
6. Khả năng phát triển<br />
7. Thiết kế dành cho in ấn cũng đẹp như dành cho web<br />
8. Dễ kiểm soát<br />
9. Các trang web tách biệt phần thiết kế và nội dung.<br />
10. Cải thiện vị trí trong các website tìm kiếm<br />
<br />
CÚ PHÁP CỦA CSS<br />
Cú pháp của CSS được chia làm 3 phần. phần thẻ<br />
chọn (selector), phần thuộc tính (property), phần nhãn<br />
(value).<br />
selector {property: value}<br />
Vd: p {<br />
text-align: center;<br />
color: black;<br />
font-family: arial<br />
}<br />
<br />