Bài giảng Lập trình Web: Chương 3 - Nguyễn Hoàng Tùng

Chương 3 Cơ bản về CSS của Bài giảng Lập trình Web cung cấp kiến thức cơ bản về mở đầu: Font chữ, mở đầu: Màu sắc, mở đầu: Đơn vị đo lường CSS là gì, trình duyệt hỗ trợ, các loại CSS, khai báo và sử dụng CSS, các mối quan hệ trong CSS, áp dụng CSS dùng thuộc tính của thẻ HTML, phân loại các thuộc tính CSS theo chức năng.
Nội dung trích xuất từ tài liệu:
Bài giảng Lập trình Web: Chương 3 - Nguyễn Hoàng Tùng CƠ BẢN VỀ CSS<br />  Nguyễn Hoàng Tùng<br />  Bộ môn Kỹ thuật phần mềm<br />  nhoangtung@agu.edu.vn<br />  www.nhtung.com<br /> <br /> Nội dung chính của slide này<br /> Mở đầu: Font chữ<br /> Mở đầu: Màu sắc<br /> <br /> Mở đầu: Đơn vị đo lường<br /> CSS là gì?<br /> Trình duyệt hỗ trợ<br /> <br /> Các loại CSS<br /> Khai báo và sử dụng CSS<br /> Các mối quan hệ trong CSS<br /> <br /> Áp dụng CSS dùng thuộc tính của thẻ HTML<br /> Phân loại các thuộc tính CSS theo chức năng.<br /> 16/08/2014<br /> <br /> Lập trình Web<br /> <br /> 2<br /> <br /> Font chữ trong lập trình web<br /> Sử dụng bộ mã font chuẩn (Web safe font) cho phép trang<br /> web tương thích và hiển thị tốt ở tất cả các trình duyệt cho<br /> dù nó cài đặt ở hệ điều hành nào.<br /> Có 03 bộ mã font chuẩn thường dùng:<br /> Bộ font chữ có chân (serif), với các font chuẩn:<br /> • Georgia, Palatino Linotype, Book Antiqua, Palatino, Times New Roman.<br /> <br /> Bộ font chữ không chân (sans-serif), với các font chuẩn:<br /> • Arial, Helvetica, Lucida Sans Unicode, Tahoma, Trebuchet MS, Verdana.<br /> <br /> Bộ font chữ monospace, với các font chuẩn:<br /> • Courier New, Courier, Lucida Console.<br /> <br /> Chỉ nên sử dụng 1 bộ font trong 1 trang web.<br /> 16/08/2014<br /> <br /> Lập trình Web<br /> <br /> 3<br /> <br /> Màu sắc trong lập trình web<br /> Trong trang web, màu sắc tạo nên sức hút, tâm lý và phong<br /> cách. Người ta có thể dùng nghệ thuật phối màu để nói lên ý<br /> tưởng của mình mà không cần đến lời nói hay câu văn.<br /> Trong trang web, màu sắc nên nằm trong giới hạn từ 2 đến 6<br /> màu. Ngoài ra cần chú ý đến màu sắc thương hiệu khi thiết<br /> kế website cho khách hàng.<br /> Có 140 màu thường dùng trong lập trình web (gồm 17 màu<br /> chuẩn và 123 màu khác), các màu này hiển thị tốt trên tất cả<br /> các trình duyệt.<br /> <br /> 16/08/2014<br /> <br /> Lập trình Web<br /> <br /> 4<br /> <br /> Màu sắc trong lập trình web<br /> Màu trong CSS thường được dùng thông qua các dạng:<br /> Sử dụng trực tiếp tên màu<br /> • black, seagreen, aquamarine, … , white<br /> <br /> Sử dụng mã màu (HEX) theo cú pháp #RRGGBB<br /> • #000000, #2E8B57, #7FFFD4, … , #FFFFFF<br /> <br /> Sử dụng hệ màu RGB theo cú pháp rgb(red, green, blue)<br /> • rgb(0, 0, 0); rgb(46,139,87); rgb(127,255,212); … ; rgb(255,255,255)<br /> <br /> Để lấy tên màu, mã màu ta thường dùng một phần mềm xử<br /> lý ảnh hoặc tra danh sách màu trên w3schools,…<br /> <br /> 16/08/2014<br /> <br /> Lập trình Web<br /> <br /> 5<br /> <br />