1. Trang chủ
  2. » Thể loại khác

Lab 2 CSS HTML

7 130 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 7
Dung lượng 623,76 KB

Nội dung

Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng LAB – CSS HTML Mục tiêu:  Biết cách sử dụng loại chèn CSS vào trang web  Biết cách sử dụng số thuộc tính CSS cho việc định nghĩa đối tượng  Biết cách dụng số thuộc tính CSS cho thiết kế giao diện  Biết xây dựng số dạng layout Bài 1: Chèn mã CSS trực tiếp vào trang sau để thay đổi màu tất phần tử

thành màu đỏ Bài 2: Chèn mã CSS trực tiếp vào trang sau để thay đổi màu tất phần tử với id = “para1” thành màu đỏ Trang Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng Bài 3: Chèn mã CSS trực tiếp vào trang sau để thay đổi màu tất thành phần với class="colortext" thành màu đỏ Bài 4: Nhúng mã CSS từ file với URL = "mystyle.css" (file mystyle.css sinh viên tự định nghĩa để thay đổi màu chữ h1 màu nền) vào trang sau: Bài 5: Chèn mã CSS trực tiếp vào trang sau để đặt màu cho trang thành " linen" màu cho thành "lightblue" Trang Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng Bài 6: Chèn mã CSS trực tiếp vào trang sau để đặt border = "2px solid green" cho phần tử table, th td Trang Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng Bài 7: Chèn mã CSS trực tiếp vào trang sau để đặt độ rộng table 100% Bài 8: Chèn mã CSS trực tiếp vào trang (bài 7) để canh văn phần tử td sang phải Bài 9: Chèn mã CSS trực tiếp vào trang (bài 7) để đặt màu phần tử thành "lightblue" Bài 10: Sử dụng CSS HTML để tạo layout cho trang web theo mẫu sau: Trang Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng Biết: - Trang web rộng 960px (div lớn nhất); Phần Header cao 100px; menu cao 30px; - Phần LEFT rộng 204px; Bài 11: Kết hợp CSS HTML để tạo layout cho trang web theo mẫu sau: DIV rộng 960px Màu menu #420000 - Menu bên trái rộng 204px - Màu bên trái #9D6F68 Màu trang #FACFCF Trang Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng Thông tin phần nội dung: You may use this template in any manner you like All I ask is that you leave the link back to my site at the bottom of the page Template Notes Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum More information Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum Template Notes Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum Trang Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng Bài 12: Kết hợp CSS HTML để tạo layout cho trang web theo mẫu sau: Trang ... menu cao 30px; - Phần LEFT rộng 20 4px; Bài 11: Kết hợp CSS HTML để tạo layout cho trang web theo mẫu sau: DIV rộng 960px Màu menu # 420 000 - Menu bên trái rộng 20 4px - Màu bên trái #9D6F68 Màu... Bài 3: Chèn mã CSS trực tiếp vào trang sau để thay đổi màu tất thành phần với class="colortext" thành màu đỏ Bài 4: Nhúng mã CSS từ file với URL = "mystyle .css" (file mystyle .css sinh viên tự... sunt in culpa qui officia deserunt mollit anim id est laborum Trang Bài tập thực hành Thiết kế Web ThS Trần Anh Dũng Bài 12: Kết hợp CSS HTML để tạo layout cho trang web theo mẫu sau: Trang

Ngày đăng: 04/11/2019, 23:40

TỪ KHÓA LIÊN QUAN

w