CASCADING STYLE SHEETS - LẬP TRÌNH WEB VỚI C#

Chia sẻ: Le Thi Nguyen | Ngày: | Loại File: PDF | Số trang:29

Thêm vào BST

Báo xấu

140
lượt xem 33
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

CSS là một chuẩn để định dạng các trang web. CSS mở rộng ngôn ngữ HTML truyền thống với hơn 70 thuộc tính và kiểu dáng cơ bản để áp dụng cho các thẻ HTML. Các nhà lập trình web có thêm nhiều lựa chọn về màu sắc, khoảng cách, vị trí, biên, lề, con trỏ

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: CASCADING STYLE SHEETS - LẬP TRÌNH WEB VỚI C#

6/5/2012 ộ ẩ ể ị ạ ởộ ữ ề ố ớ ộ ề ể ể ụ ẻ ậ ớ ậ ề ự ọ ề ắ ả ị ề ỏ 1 2 ỏ ả ằ ề ặ ả ộ ẩ ể ụ ụ ệ ị ạ ữ ộ ợ ụ ệ ỡ ấ ẵ Mô hình 3 lớp trong phát triển WEB 3 4 1
6/5/2012 ụ ệ ỉầ ổ ộ ụ ệ ộ ầ ử ẻ ộ ị ộ ị ế ớ ộ ộ ẻ ộ ộ ụ ớ ể 5 6 ộ ụ ấ ứ ẻ ị ộ ố ệ ở ẻ ỉ ụ ẻ ợ ặ ầ ủ ệ ệ ố ộ ậ ắ ề ể ểẫ ế ệ ế ề ỗ ắ ị ạ ừ ả ộ ầ ử ộ ầ ử 7 8 2
6/5/2012 ế ế ể ộ ậ ệ ế ế ộ ề ệ ằ ửụ ẻ ầ ợ ế ứ ữ ề ạ ỗ ạ ẽ ề ộ ố ỉ ữ ậ ặ ẻ ạ ệ ế ế ộ ể ụ ề ệ 9 10 ủ ợ ạ ở ờ ẻ ầ ỗ ộ ộ ầ ả ộ ị ầ ử ọ ờ ộ ẻ ộ ộ ị ủ ợ ộ ở ấ ấ ị ủ ợ ể ệ ặ ộ ị ợ ở ấ ấ ả ộ ị ộ ặ ộ ị ủ ộ ẻ ộ ị ợ ặ ặ ấ ặ ọ 11 12 3
6/5/2012 ầ ử ầ ử ọ ẻ ố ấ ể ụ ế ố ấ ả ầ ửụ ử ộ ộ ể ấ ệ ớ ộ ị ạ ửụ ứ ắ ấ ố ấ ể ả ả ấ ủ ệ ị ạ ố ệ ẻ ầ ừ ọ ờ ợ ị ạ ế ệ 13 14 ầ ữ ẻ ẽ ấ ả ẻ ẽ ấ ạ ấ ả ẻ ẽ ợ ữ ữ ữ ỏ 15 16 4
6/5/2012 ằ ệ ạ ớ ể ị ụ ạ ạ ề ể ể ệ ạ ề ạ ề ữ ộ ẻ ụ ỗớ ộ ị ạ ề ả ểị ầ ế ớ ệ ạ ạ ắ ớ ẻụ ể ắ ớ ộ ẻụ ể ể ắ ớ ầ ấ ả ẻ 17 18 ế ửụ ụ ạ ị ạ ợ ề ạ ợ ề ụ ạ ộ ả ạ ợ ề ữ 19 20 5
6/5/2012 ểạ ộớ ớ ểắ ửụ ầ ẻ ằ ỏ ạ ề ữ ẻở ầ ớ ữạ ấ ấ ụ ị ộ ớ ể ắ ớ ữ ấ ứ ẻ 21 22 ị ẻ ộ ẻ ể ợ ề ớ ằ ề ạ ỉ ớ ợ ộ ớ ể ụ ề ầở ề ị ằ ả ắ ị ỉ ể ụ ợ ấ ẻ ủ ị ả ấ ắ ầ ử ọ ắ ầ ằ ấ 23 24 6
6/5/2012 ạ ớ ể ụ ẻ ạ ớ ể ệ ự ẻ ầ ửụ ạ ả ẻ ửụ ợ ửụ ạ ả ệ ự ạ ả 25 26 ạ ớ ỉ ể ụ ẻ ợ ử ụ ố ớ ể ế ầ ợ ử ụ ụ ổ ệứ ẻ ửụ ứ ạ ủ ạ ầ ử ẽ ợ ạ ả ố ớ ế ự ế ợ ủ ạ ớ ệ ự ầ ửớ ầ ửớ ểạ ể ạ ợ ế ể ụ ộ ụ 27 28 7
6/5/2012 ầ ửớ ảậ ế ắ ầ ằ ấ ể ế ậ ỗ ầ ử ọ ớ ế ấ ố ớ ả ểứ ụ ế ộ ậ ộ ố ầ ửự ọ ớ ảậ ế ớ ế ểế ợ ầ ử ọ ộớ ổ ể ế ấ ớ ạ ể ế ổ ể ế ợ ế ổ ể ộ ế ổ ể ộ ế 29 30 ế ợ ớ ụ ụ ố ớ ầ ề ủ ụ ố ớấ ả 31 32 8
6/5/2012 ụ ố ớ ủ ấ Có bốn phần tử trợ giúp nhà lập trình dành được mục tiêu in ấn được mô tả bảng dưới đây: Các phần tử chọn giả lập trong CSS2 :first-line Để lựa chọn và áp dụng tới dòng đầu tiên trong phần tử đã định sẵn :first-letter Để lựa chọn và áp dụng kiểu đến kí tự đầu tiên trong phần tử :before Cho phép xác định nội dụng trong tờ kiểu dáng được chèn phía trước phần tử định sẵn :after Cho phép xác định nội dung trong tờ kiểu dáng được chèn sau phần tử định sẵn 33 34 ể ụ ể ế ầ ửụ ầ ử ảậ ế ố ổ ộ ặ ớ ộ ầửầ ả ị ộ ờể ụ 35 36 9
6/5/2012 ộ ố ộ ủ ửụ ớ ớ ụ 37 38 ể ộ ửụ ầ ự ự ọ ảậ ớ ị ầ ửế ậ ẽ ợ ụ ầ ử ảậ ớ ộ ộ ộ ấ ế ả ấ ệ 39 40 10
6/5/2012 ầ ửự ọ ờ ụ ầ ửự ọ ớ ố ầ ử ụ ậ ể ộ ử ự ọ ữ ộ ố ụ ộ ộ ố ợ ụ ớ ẽ ấ ả ẻ ạ ị ẽ ửụ ặ ụ ộ ầ ử ợ 41 42 ộ ố ờ ợ ầ ụ ậ ớ ẻằ ộ ẻ ửụ ự ọ ấ ẻ ẻ ụ ỉ ẻ ằ ẻ ả ở ở ậ 43 44 11
6/5/2012 ự ọ ầ ửự ộ ấ ề ẫ ể ợ ế ợ ểạ ủ ầ ử ậ ụ ể Mẫu Mô tả E[attr] Áp dụng phần tử E có thuộc tính là attr mà ầ ụ ệ ế không quan tâm tới giá trị ế ằ ầ ử ả E[attr=“value”] Áp dụng phần tử E có thuộc tính là attr được ằ ầ ử thiết lập giá trị xác định là value E[attr~="value Áp dụng phần tử E với thuộc tính attr chứa giá ổ ế ỏ ể "] trị xác định trong danh sách của nó ộ ế E.value Tương đương E[class~="value"]. E#value Tương đương E[id="value"]. 45 46 ụ ộ ộ ị ạ ợ ừ ế ộ ặ ị ầ ử ừ ế ị ị ạ ủ ầ ử ụ ộ ộ ộ 47 48 12
6/5/2012 ị ấ ả ậ ụ ầ ừ ể ợ ửụ ử ả ể ểả ợ ứự ủ ả ị ạ ờ ắ ế ứự ứ ộ ọ ự ừ ắ ế ự ệ ửụ ứự ị ậ ậ ố ợ ửụ 49 50 ằ ộ ộ ằ Ế Ậ Ả ế ớ ấ ộ ộ ủ ự ớ ề ủ ự 51 52 13
6/5/2012 Ế Ậ 53 54 55 56 14
6/5/2012 ệ ị ạ ự ấ ặ ả ợ ị ứ ệ ử ệ ự ấ ọ ầ ử ể ộ ộ ợ ế ộ 57 58 59 60 15
6/5/2012 ộ ề ả ủ ỗ ộ ợ ỉ ộ ầ ửẽ ợ ể ị ộ ế ố ớ ầ ở ộ ỉ ộ ộ ự ự ầ ử ớ ế ỉ ủ ộ ỗ ộ ầ ử ợ ỉ ị ủ ộ ộ ữ ậ ợ ạ ừ ộ ỉ ầ ộ ợ ị ở ỉ 61 62 ầ ộ ờ ợ ế ộ ộộ ằ ở ửụ ểạ ề ộ ầ ử ỉ ạ ờ ề ầ ế ỉ ộ ằ ở ố ể ấ ỉ ủ ợ ửụ ể ữ ầ ử ế ộ ằ ở ỉ ự ọ ắ ộ ể ậ ịằ ẽ ậ 63 64 16
6/5/2012 ộ ộộ ề ế ế ộộ ề ủ ầ ộ ụ ằ ổ ẽ ả ở ể ớ ủ ầ ộ ẽ ớ ủ ộ ầ ử ụế ố ộ ớ ỗ ặ ộ 65 66 ộ ủ ộ ẽ ể ợ ửụ ố ớấ ả ặ ủ ầ ử ặ ụ ừ ặ ể ếậ ị ửụ ộ ẩ 67 68 17
6/5/2012 ể ợ ếậ ở ộ ạ ộ ếậ ịủ ầ ộ ầ ử ợ ử ầử ợ ố ử ầ ử ị ạ ộ ộ ể ứ ầ ử ộ ế ầ ử ợ ở ẻ ấ ệ ộ ể ứ ả ặ ầ ử ụ 69 70 ợ ộ ấ ụ ầ ử ế ậ ộ ả ầ ầ ử ế ợ ầ ử ạ ộ ứ ợ ử ụ ể ị ảịị ủ ờ ợ ả ụ ế ộ ầ ử ếậ ộộ ủ ợ ếậ ằ ộ ử ủ 71 72 18
6/5/2012 ẽ ấ ệ ề ẳ ứ ộ ả ề ẳ ứ ừ ằ ề ẳ ứ ộ ợ ặ ộ ờ ả ủ ợ ỉ ằ ửụ ọ ẽ ả ở ế ộ ủ ạ ở ọ ộ ủể ấ ả ứ ế ề ủ ể ộ ủ 73 74 ộ ộ p{ display: block } em { display: inline } li { display: list-item } img{ display: none } /* Không hiển thị ảnh*/ 75 76 19
6/5/2012 ị ởạ ộ ọ ếậ ị ụ ấ ả ầ ử ặ ừế ầ ế ế ộộ ủ ộ ể ị 77 78 ế ộ ị ụ ấ ả ặ ị ế ị ậ ị ởạ ị ụ ấ ả ầ ử ậ ị ừế ế ị ậ ậ ầ ế ế ộộ ủ ộ ậ ế ị ứ ụ 79 80 20