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.

Trang 1

Đ i H c Sài Gòn – Khoa CNTT ạ ọ

Trang 2

N i dung bu i h c trộ ổ ọ ước

Trang 4

 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 ạ ổ ể ệ

– ……

Trang 11

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 : ụ

Trang 12

Phân lo i CSS – Embedding Style Sheetạ

 Đ nh nghĩa các đ nh d ng trong th ị ị ạ ẻ <style>, đ t trong ặ

ph nầ <head> c a trang HTML.ủ

 Ví d : ụ

Trang 13

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 ặ <head>)

 Đ 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

Trang 14

Phân lo i CSS – External Style Sheetạ

File HTML

Trang 15

CSS – so sánh và đánh giá

Trang 17

 Selector : tên 1 style tương ng v i m t thành ph n ứ ớ ộ ầ

Trang 18

 Ví d : ụ

Ph m vi áp d ng CSS (selector)ạ ụ

 Browse 

Trang 19

Các lo i selectorạ

Trang 20

Ví d ph m vi s d ng các Selector Elementsụ ạ ử ụ

Trang 21

Ví d ph m vi s d ng các Selector #IDụ ạ ử ụ

Trang 22

Ví d ph m vi s d ng các Selector .CLASSụ ạ ử ụ

Trang 23

Ví d Các Selector Element.CLASSụ

Trang 24

Ví d Các Selector Contextualụ

Trang 25

Ví d Các Selector – Othersụ

Trang 27

M t s tag HTML dùng riêng CSSộ ố

Code View

Design View

Browser View

Trang 28

Demonstration Basic ThreeColumn Layout

Trang 29

Demonstration Basic ThreeColumn Layout

Trang 30

Tham Kh oả

http://wufoo.com/gallery/

Trang 31

Bài th c hành ự

Đ i H c Sài Gòn – Khoa CNTT ạ ọ

CSS Cascading Style Sheet

Trang 32

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 các bài t p tr ạ ậ ướ c, s d ng CSS ử ụ

Trang 33

CSS c b nơ ả

 1. CSS Linking and Setup

 2.Understanding_levels_of_inheritance



Trang 34

CSS c b nơ ả

 1. CSS Linking and Setup:

 01bodystyle.html + external.css

Trang 35

CSS c b nơ ả

 Understanding_levels_of_inheritance:

 02inheritance.html + external.css

 <span></span> (<div></div>)

Trang 38

CSS c b nơ ả

 05.selectors

 05selectors.html + external.css

Trang 39

CSS c b nơ ả

 05.selectors

Trang 40

CSS c b nơ ả

 05.selectors

Trang 41

CSS c b nơ ả

 05.selectors

???

Trang 42

CSS c b nơ ả

 06.Units

 06units.html + external.css

Trang 43

Thank you !

Định dạng
Số trang	43
Dung lượng	2,63 MB