CSS có tính kế thừa vă tính kết hợp

Một phần của tài liệu đề tài module ethernet trên vi điều khiển pic18f67j60 và ứng dụng trong đo lường, điều khiển ( phần mềm trên mplab ) (Trang 38 - 41)

ooo Xeiớloềọloaglvohưụlvo,clo,vìụoổjo)ylvoổắo,úo vắoổ/io ìovqlolTụM

4.3.3.CSS có tính kế thừa vă tính kết hợp

4.3.3.1. Tính kế thừa:

Giả sử rằng ở đầu file styleshet.css khai bâo cho Body có câc thuộc tính sau: Body{

Font:Arial, Verdana; Background:#FF6600; }

Nhưng trong trường hợp muốn khai bâo cho câc đối tượng nhỏ hơn nằm trong đó như Sidebar: #sidebar{ With:300px; Padding:10px; Font:Tahoma,Verdana; }

Sau đoạn khai bâo năy thì Sidebar sẽ có thuộc tính: #sidebar{

background:#FF6600; with:300px;

padding: 10px;

font: Tohoma, Verdana; }

Như vậy, Sidebar đê kế thừa thuộc tính background của Body, vă trong đó thuộc tính font lă Tahoma đê đỉ lín thuộc tính font Arial ở lần khai bâo trước.

4.3.3.2. Tính kết hợp:

Có thể định nghĩa nhiều CSS cùng một thuộc tính thay vì phải định nghĩa riíng lẻ từng câi một.

Ví dụ:

h1, h2,h3,h4{

Font-family: Tahoma,arial; Color:#D4D4D4;

}

Thay cho việc định nghĩa riíng biệt cho từng câi: h1{ Font-family: Tahoma,arial; Color: #D4D4D4; } h2{ Font-family: Tahoma,arial; Color:#D4D4D4; } ……… h4{ Font-family: Tahoma,arial; Color:#D4D4D4; } 4.4. Kỹ thuật AJAX

AJAX, viết tắt từ Asynchronous JavaScript and XML (JavaScript vă XML không đồng bộ), lă bộ công cụ cho phĩp tăng tốc độ ứng dụng web bằng câch cắt nhỏ dữ liệu vă chỉ hiển thị những gì cần thiết, thay vì tải đi tải lại toăn bộ trang web. AJAX không phải một công nghệ đơn lẻ mă lă sự kết hợp một nhóm công nghệ với nhau. Trong đó, HTML vă CSS đóng vai hiển thị dữ liệu, mô hình DOM trình băy thông tin động, đối tượng XMLHttpRequest trao đổi dữ liệu không đồng bộ với mây chủ web, còn XML lă định dạng chủ yếu cho dữ liệu truyền.

Những hoạt động của người sử dụng trín trang web sẽ tạo ra một yíu cầu HTTP tới server. Mây chủ thực hiện một số khđu xử lý như lấy lại dữ liệu, tính toân, kiểm tra

sự hợp lệ của thông tin, sửa đổi bộ nhớ, sau đó gửi lại một trang HTML hoăn chỉnh tới mây khâch. Tuy nhiín, phương phâp năy khâ bất tiện vă mất thời gian. Để khắc phục hạn chế trín, câc chuyín gia phât triển giới thiệu hình thức trung gian - cơ chế xử lý AJAX - giữa mây khâch vă mây chủ. Điều năy giống như việc tăng thím một lớp giữa cho ứng dụng để giảm quâ trình "đi lại" của thông tin vă giảm thời gian phản ứng. Thay vì tải lại (refresh) toăn bộ một trang, nó chỉ nạp những thông tin được thay đổi, còn giữ nguyín câc phần khâc. Vì thế, khi duyệt một trang hỗ trợ AJAX, người sử dụng không bao giờ nhìn thấy một cửa sổ trắng (blank) vă biểu tượng đồng hồ cât - dấu hiệu cho thấy mây chủ đang thực hiện nhiệm vụ. Ví dụ, trong một website ảnh, với ứng dụng truyền thống, toăn bộ trang chứa câc ảnh sẽ phải mở lại từ đầu nếu có một thay đổi năo đó trín trang. Còn khi âp dụng AJAX, DHTML chỉ thay thế đoạn tiíu đề vă phần vừa chỉnh sửa, do vậy tạo nín câc giao dịch trơn tru, nhanh chóng.

Hình 22: Tương tâc đồng bộ trong ứng dụng web truyền thống (trín) vă dị bộ trong ứng dụng AJAX.

4.4.1. Ưu điểm

- Trong nhiều trường hợp, câc trang web chứa rất nhiều nội dung thông thường trong trang. Nếu sử dụng câc phương phâp truyền thống, những nội dụng đó sẽ phải nạp lại toăn bộ với từng yíu cầu. Tuy nhiín, nếu sử dụng Ajax, một ứng dụng web có thể chỉ yíu cầu cho câc nội dung cần thiết phải cập nhật, do đó giảm lượng lớn băng thông vă thời gian nạp lại trang.

- Việc dùng câc yíu cầu không đồng bộ (asynchronous request) cho phĩp giao diện người dùng của ứng dụng hiển thị trín trình duyệt giúp người dùng trải nghiệm sự tương tâc cao, với nhiều phần riíng lẻ.

- Việc sử dụng Ajax có thể lăm giảm câc kết nối đến server, do câc script vă câc style sheet chỉ phải yíu cầu một lần.

Một phần của tài liệu đề tài module ethernet trên vi điều khiển pic18f67j60 và ứng dụng trong đo lường, điều khiển ( phần mềm trên mplab ) (Trang 38 - 41)