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 />