• GVHD: Dương Khai Phong • Email: khaiphong@gmail.com • Website: http://khaiphong.tk • http://course.uit.edu.vn 1/ Giới thiệu tổng quan Web 2/ Ngôn ngữ HTML JavaScript 3/ Ngôn ngữ PHP 4/ Các đối tượng PHP 5/ PHP hướng đối tượng 6/ PHP sở liệu MySQL 7/ PHP AJAX 8/ PHP hệ thống mã nguồn mở 9/ Triển khai ứng dụng PHP PHẦN 2: Giới thiệu Định nghĩa CSS Phương pháp sử dụng CSS Phân loại CSS Selector Minh hoạ CSS a HTML CSS?  CSS (Cascading Style Sheets): phương pháp dùng để mô tả lại cách thức hiển thị thành phần trang WEB nhằm:  Xây dựng dạng TEMPLATE trình thiết kế  Tái sử dụng cho trang web khác  Thay đổi thuộc tính trang site nhanh chóng (“cascading”) CSS? b Ví dụ HTML CSS:  Thiết kế trang hiển thị Thời khóa biểu môn học hình sau: b Ví dụ HTML CSS:  Thiết kế trang hiển thị layout hình sau: b Ví dụ HTML CSS:  Thiết kế trang hiển thị layout hình sau: c HTML (table) CSS (div): HTML CSS c HTML (table) CSS (div): Câu 6: Câu lệnh sau cú pháp CSS? A body {color: black} B {body:color=black(body} C body:color=black D {body;color:black} Câu 7: Câu lệnh ghi chcủa CSS? A /* ghi */ B ' ghi C // ghi // D // ghi Câu 8: Thuộc tính dùng để thay đổi màu CSS? A color: B bgcolor: C background-color: D color-background: Câu 9: Câu lệnh sau dùng để định dạng màu cho tất thẻ có trang HTML? A h1 {background-color:red} B h1 {background-color:#FFFFFF} C h1.all {background-color:#FFFFFF} D Cả A B Câu 10: Câu lệnh sau dùng thay đổi màu chữ CSS? A text-color: B color: C text-color: D fgcolor: Câu 11: Câu lệnh sau dùng thay đổi kích thước chữ CSS? A text-size: B font-style: C text-style: D font-size: Câu 12: Câu lệnh sau dùng để định dạng chữ đậm cho tất thẻ có trang HTML? A p {text-size:bold} B [...]... height= "30 px"> Cot 1 Cot 2 Cot 3 c HTML (table) và CSS (div):  Dùng div HTML Cot 1 Cot 2 Cot 3... TIN http://sites.google.com/site/khaiphong 26 1 Phân biệt điểm giống nhau và khác nhau giữa CSS Selector #ID và CSS Selector class 2 CSS có tính chất kế thừa hay không? Nếu có cho ví dụ minh họa và giải thích 3 Minh họa một ví dụ tạo bảng mà thẻ làm được nhưng thẻ không làm được và ngược lại (nếu có) ĐH CÔNG NGHỆ THÔNG TIN http://sites.google.com/site/khaiphong 28  Họ tên:  Mã SV:  Email:... cả đều đúng Câu 3: Câu lệnh sau được khai báo trong phần nào của một trang HTML? A Phần B Dòng đầu tiên trong trang HTML C Dòng cuối cùng trong trang HTML D Phần Câu 4: Thẻ (tag) HTML nào dùng để khai báo một Embedded Styles ? A B C < script > D Cả A và B đều đúng Câu 5: Thuộc tính HTML nào dùng để khai báo một Inline... {color: green;} /* Tất cả các tag có thuộc tính id=“test” đều bị định dạng màu chữ là green */ Định dạng được áp dụng cho tất cả các tag element có thuộc tính ID trong tài liệu Web h3#contact {color: red;} /* Tất cả các tag có thuộc tính id=“contact” đều bị định dạng màu chữ là red*/ b Bảng phân loại các CSS Selector thông dụng LOẠI MÔ TẢ VÍ DỤ Định dạng được áp dụng cho tất cả các tag có thuộc tính...  Dùng div HTML Cot 1 Cot 2 Cot 3 div { float:left} #divTable1{ width :30 0px;height:25px; border: 2px solid red;} #divTable2{ width:100px; border: 2px solid blue; } a Cú pháp định nghĩa CSS cho một Selector SelectorName { property 1: value1; property 2: value2; …... dụng  Ví dụ: … CSS Test b Embedded Styles  Các thuộc tính style cho các thẻ (tag) được khai báo trước trong phần tag của trang trước khi sử dụng  Ví dụ: … ... Ngôn ngữ HTML JavaScript 3/ Ngôn ngữ PHP 4/ Các đối tượng PHP 5/ PHP hướng đối tượng 6/ PHP sở liệu MySQL 7/ PHP AJAX 8/ PHP hệ thống mã nguồn mở 9/ Triển khai ứng dụng PHP PHẦN 2: Giới thiệu Định... width= "30 0">Cot 3< /td> c HTML (table) CSS (div):  Dùng div HTML Cot 1 Cot 2 Cot 3< /div>... HTML