BÀI 6
LÀM VIỆ C VỚ I THÀNH PHẦ N MỞ RỘ NG CỦ A CSS3
NHẮ C LẠ I BÀI TRƯ Ớ C
Làm việ c vớ i các thuộ c tính mớ i trong CSS3:
Border-radius
Border-image
Gradient
Transform, transition, animation
Làm việ c vớ i font web
Chèn nhiề u hình nề n vớ i CSS3
Slide 6 - Làm việ c vớ i thành phầ n mở rộ ng củ a CSS3 2
MỤ C TI ÊU BÀI HỌ C
Giớ i thiệ u CSS3 Media Queries
Làm việ c vớ i CSS3 layout dạ ng nhiề u cộ t (Multi-
columns) và cấ u trúc hộ p Flex (Flexboxes)
CSS3 user interface
Slide 6 - Làm việ c vớ i thành phầ n mở rộ ng củ a CSS3 3
CSS3 MEDI A QUERI ES
CSS3 MEDI A QUERI ES
Đố i vớ i tấ t cả các trình duyệ t/ thiế t bị giao tiế p vớ i
máy chủ lư u trữ website và tự đư ợ c đị nh dạ ng vớ i
user agent String
CSS3 media queries:
Hình thứ c nhậ n biế t thiế t bị
Kiể m tra khả năng củ a ngư ờ i dùng truy cậ p vào trang web
Kiể m tra khả năng củ a ngư ờ i dùng truy cậ p vào trang web
Nhậ n biế t (phát hiệ n) đư ợ c: chiề u cao, chiề u rộ ng củ a
trình duyệ t, thiế t bị , thiế t bị đị nh hư ớ ng (phong cả nh/
chân dung), độ phân giả i
Là bư ớ c cả i tiế n củ a luậ t @media bằ ng cách kế t hợ p Media
Type và các thông số khác như độ phân giả i, kích thư ớ c,
màu sắ c,…
Slide 6 - Làm việ c vớ i thành phầ n mở rộ ng củ a CSS3 5