Bài giảng CSS - Trần Khải Hoàng

KHOA CNTT - TUD<br /> <br /> CSS<br /> Trần Khải Hoàng<br /> Khoa CNTT – TỨD.<br /> ĐH Tôn Đức Thắng<br /> <br /> Nội dung<br />  Giới thiệu CSS<br />  CSS Background<br />  CSS Text<br />  CSS Font<br />  CSS Link<br />  CSS List<br />  CSS Table<br />  CSS Box Model<br /> <br /> 2<br /> <br /> Nội dung<br />  Giới thiệu CSS<br />  CSS Background<br />  CSS Text<br />  CSS Font<br />  CSS Link<br />  CSS List<br />  CSS Table<br />  CSS Box Model<br /> <br /> 3<br /> <br /> Giới thiệu CSS<br /> • What is CSS ?<br /> – CSS = Cascading Style Sheet<br /> – CSS = tập hợp các định dạng để hiển thị & trang trí thẻ HTML<br /> – CSS được lưu dưới dạng file text có đuôi .css<br /> <br /> • Lợi ích của CSS ?<br /> – Tách phần định dạng ra khỏi HTML ( Loại bỏ thẻ<br /> ,,,...)<br /> – Tăng tốc việc phát triển web. Việc lập trình tạo nội dung trang<br /> web và việc layout giao diện có thể được làm song song<br /> – Dễ dàng bảo trì<br /> – Thay đổi giao diện dễ dàng, chỉ cần thay đổi file CSS mới<br /> <br /> CSS syntax<br /> • CSS bao gồm các luật định dạng<br /> • Mỗi luật bao gồm 2 phần :<br /> <br /> – selector : xác định các thẻ HTML sẽ được định dạng<br /> – declaration gồm 1 property và 1 value. Property là thuộc tính định dạng mà ta cần<br /> thay đổi, value là giá trị của của thuộc tính đó<br /> Trong ví dụ trên ta định dạng tất cả thẻ sẽ có color = blue và font-size = 12 px<br /> <br />