Bài giảng Phát triển ứng dụng web 1: CSS – ĐH Sài Gòn

Bài giảng Phát triển ứng dụng web 1: CSS cung cấp cho người học các kiến thức: Khái niệm và mục đích Form, các đối tượng Form Fields, phương thức GET POST, Tag Marquee. Mời các bạn cùng tham khảo nội dung chi tiết.

Phát triển ứng dụng web Đại Học Sài Gòn – Khoa CNTT CSS - Cascading Style Sheet – CSS Nội dung buổi học trước Khái niệm mục đích Form Các đối tượng Form Fields Phương thức GET/POST Tag Marquee – CSS Nội dung Giới thiệu CSS Định nghĩa Style đơn vị tính Phân loại CSS Phạm vi áp dụng CSS (selector) Một số tag HTML dùng riêng CSS Thực hành – CSS Giới thiệu CSS  CSS = Cascading Style Sheet  Dùng định dạng thành phần trang web  Sử dụng tương tự định dạng template  Thống cách thể tái sử dụng cho nhiều webpage website  Có thể thay đổi thuộc tính trang site nhanh chóng  linh hoạt thay đổi cách thể – …… – CSS Định nghĩa Style Kiểu … propertyN:valueN; } ……… – CSS Định nghĩa Style Vd kiểu SGU font-family: Verdana, sans-serif; } SGU Ghi Ví dụ Giống ghi trongC++ Sử dung /* Ghi */ – CSS Measurement units  Absolute length: inch, cm, point …  Relative length: pixel, em, ex,  pixel (px): relative to the screen resolution • Ex: LCD 14’’2 (1024x768) DPI = 96 •  có 96 pixel inch  Point: 1pt = 1/72 inch • – CSS  có pixel = 0.75pt Font-size = 16pt Measurement Units  Relative length: em, ex, • em and ex - relative to the parent element • Ex: em • Ex: ex • CSS: – CSS Phân loại CSS  Gồm lại CSS: Inline Style Sheet Embedding Style Sheet (Internal SS) External Style Sheet – CSS Phân loại CSS  Inline style sheet: dùng thuộc tính style cho thẻ HTML  Embedded style sheet: định nghĩa định dạng thẻ phần webpage  External style sheet: định nghĩa định dạng file css webpage link tới file css (trong phần ) – CSS 10 Một số tag HTML dùng riêng CSS Demonstration Basic Three-Column Layout – CSS 29 Tham Khảo http://wufoo.com/gallery/  Tìm hiểu thêm: Designing without table with CSS  Google – CSS 30 Bài thực hành Đại Học Sài Gòn – Khoa CNTT CSS - Cascading Style Sheet – CSS 31 Bài thực hành  Hoàn tất danh sách đăng ký đề tài  Thực hành CSS  Làm lại tập trước, sử dụng CSS – CSS 32 CSS  CSS Linking and Setup  2.Understanding_levels_of_inheritance  – CSS 33 CSS  CSS Linking and Setup:  01-body-style.html + external.css – CSS 34 CSS  Understanding_levels_of_inheritance:  02-inheritance.html + external.css  () – CSS 35 CSS  03-levels  03-levels.html + external.css – CSS 36 CSS  04.span and div  04-span-div.html + external.css span div – CSS 37 CSS  05.selectors  05-selectors.html + external.css – CSS 38 CSS  05.selectors – CSS 39 CSS  05.selectors – CSS 40 CSS  05.selectors ??? – CSS 41 CSS  06.Units  – CSS 06-units.html + external.css 42 Thank you ! – CSS 43 ... + external .css – CSS 38 CSS  05.selectors – CSS 39 CSS  05.selectors – CSS 40 CSS  05.selectors ??? – CSS 41 CSS  06.Units  – CSS 06-units.html + external .css 42 Thank you ! – CSS 43 ... @import URL – CSS 13 Phân loại CSS – External Style Sheet File HTML File CSS – CSS Browser 14 CSS – so sánh đánh giá – CSS 15 CSS – độ ưu tiên Thứ tự ưu tiên áp dụng định dạng sử dụng loại CSS (độ... 30 Bài thực hành Đại Học Sài Gòn – Khoa CNTT CSS - Cascading Style Sheet – CSS 31 Bài thực hành  Hoàn tất danh sách đăng ký đề tài  Thực hành CSS  Làm lại tập trước, sử dụng CSS – CSS 32 CSS