Bài giảng Phát triển ứng dụng web 1: CSS - ĐH Sài Gòn
lượt xem 9
download
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.
Bình luận(0) Đăng nhập để gửi bình luận!
Nội dung Text: Bài giảng Phát triển ứng dụng web 1: CSS - ĐH Sài Gòn
- Phát triển ứng dụng web 1 Đại Học Sài Gòn – Khoa CNTT CSS Cascading Style Sheet 6 – CSS 1
- Nội dung buổi học trước 1. Khái niệm và mục đích Form 2. Các đối tượng Form Fields 3. Phương thức GET/POST 4. Tag Marquee 6 – CSS 2
- Nội dung 1. Giới thiệu CSS 2. Định nghĩa Style và các đơn vị tính 3. Phân loại CSS 4. Phạm vi áp dụng CSS (selector) 5. Một số tag HTML dùng riêng CSS 6. Thực hành 6 – CSS 3
- Giới thiệu CSS CSS = Cascading Style Sheet Dùng định dạng các thành phần trong trang web Sử dụng tương tự như định dạng template Thống nhất cách thể hiện và tái sử dụng cho nhiều webpage trong website. Có thể thay đổi thuộc tính từng trang hoặc cả site nhanh chóng linh hoạt thay đổi cách thể hiện. – …… 6 – CSS 4
- Định nghĩa Style Kiểu 1 Kiểu 2 … propertyN:valueN; } ……… 6 – CSS 5
- Định nghĩa Style Vd kiểu 1 Vd kiểu 2 SGU fontfamily: Verdana, sansserif; } SGU Ghi chú Ví dụ Giống ghi chú trongC++ Sử dung /* Ghi chú */ 6 – CSS 6
- Measurement units Absolute length: inch, cm, point … Relative length: pixel, em, ex, ... pixel (px): relative to the screen resolution • Ex: LCD 14’’2 (1024x768) thì DPI = 96 • có 96 pixel trên 1 inch Point: 1pt = 1/72 inch. • có 1 pixel = 0.75pt Font-size = 16pt 6 – CSS 7
- Measurement Units Relative length: em, ex, ... • em and ex relative to the parent element • Ex: em • Ex: ex • CSS: 6 – CSS 8
- Phân loại CSS Gồm 3 lại CSS: 1. Inline Style Sheet 2. Embedding Style Sheet (Internal SS) 3. External Style Sheet 6 – CSS 9
- Phân loại CSS Inline style sheet: dùng thuộc tính style cho từng thẻ HTML Embedded style sheet: định nghĩa các định dạng trong thẻ trong phần của webpage External style sheet: định nghĩa các định dạng trong file .css và các webpage link tới file .css (trong phần ) 6 – CSS 10
- Phân loại CSS – Inline Style Sheet Định nghĩa Style trong thuộc tính style của từng tag HTML Ví dụ: 6 – CSS 11
- Phân loại CSS – Embedding Style Sheet Định nghĩa các định dạng trong thẻ , đặt trong phần của trang HTML. Ví dụ: 6 – CSS 12
- Phân loại CSS – External Style Sheet Định nghĩa style lưu trong file .CSS và các page liên kết tới file .CSS (link đặt trong ) Định nghĩa style theo cú pháp kiểu 2 Tạo liên kết đến file .CSS. Liên kết bằng tag Link LK bằng tag style với @import URL 6 – CSS 13
- Phân loại CSS – External Style Sheet File HTML File .CSS Browser 6 – CSS 14
- CSS – so sánh và đánh giá 6 – CSS 15
- CSS – độ ưu tiên Thứ tự ưu tiên áp dụng định dạng khi sử dụng các loại CSS (độ ưu tiên giảm dần) 1. Inline Style Sheet 2. Embedding Style Sheet 3. External Style Sheet 4. Browser Default 6 – CSS 16
- Phạm vi áp dụng CSS (selector) Selector : tên 1 style tương ứng với một thành phần được áp dụng style đó. Ví dụ: Properties & values h1 { color:#006; Selector font:28px "arial black"; margintop:0px; paddingtop:0px; 6 – CSS } 17
- Phạm vi áp dụng CSS (selector) Ví dụ: Browse 6 – CSS 18
- Các loại selector 6 – CSS 19
- Ví dụ phạm vi sử dụng các Selector Elements 6 – CSS 20
CÓ THỂ BẠN MUỐN DOWNLOAD
-
Bài giảng Phát triển ứng dụng Web – Web Programming: Chương 0 - ThS. Lương Trần Hy Hiến
20 p | 242 | 19
-
Bài giảng Phát triển ứng dụng Web bằng PHP: Phần 2(1) - Dương Khai Phong
45 p | 132 | 17
-
Bài giảng Phát triển ứng dụng Web bằng PHP: Phần 3 - Dương Khai Phong
60 p | 119 | 15
-
Bài giảng Phát triển ứng dụng Web – Web Programming: Chương 5 - ThS. Lương Trần Hy Hiến
0 p | 108 | 15
-
Bài giảng Phát triển ứng dụng Web bằng PHP: Phần 2(2) - Dương Khai Phong
49 p | 131 | 14
-
Bài giảng Phát triển ứng dụng Web bằng PHP: Phần 4 - Dương Khai Phong
50 p | 101 | 12
-
Bài giảng Phát triển ứng dụng cho các thiết bị di động: Phần 2
76 p | 27 | 12
-
Bài giảng Phát triển ứng dụng cho các thiết bị di động: Phần 1
123 p | 48 | 11
-
Bài giảng Phát triển ứng dụng web: Bài 3 - Lê Đình Thanh
42 p | 122 | 11
-
Bài giảng Phát triển ứng dụng Web bằng PHP: Phần 1 - Dương Khai Phong
28 p | 135 | 10
-
Bài giảng Phát triển ứng dụng đa nền tảng - Chương 7: Nguyên lý phát triển ứng dụng với Flutter
88 p | 23 | 8
-
Bài giảng Phát triển ứng dụng đa nền tảng - Chương 8: Đánh giá hiệu năng ứng dụng đa nền tảng
66 p | 23 | 8
-
Bài giảng Phát triển ứng dụng đa nền tảng - Chương 0: Giới thiệu về môn học
27 p | 31 | 7
-
Bài giảng Phát triển ứng dụng đa nền tảng - Chương 2: Tổng quan về kiến trúc của di động
53 p | 19 | 7
-
Bài giảng Phát triển ứng dụng đa nền tảng - Chương 3.2: Cross-Platform
17 p | 21 | 7
-
Bài giảng Phát triển ứng dụng đa nền tảng - Chương 1: Tổng quan về phát triển ứng dụng di động
46 p | 29 | 6
-
Bài giảng Phát triển ứng dụng Web: Bài 6 - Nguyễn Hữu Thể
24 p | 42 | 4
-
Bài giảng Phát triển ứng dụng web: Chương 0 - Lê Đình Thanh
10 p | 14 | 2
Chịu trách nhiệm nội dung:
Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA
LIÊN HỆ
Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM
Hotline: 093 303 0098
Email: support@tailieu.vn