Web1013 lab04
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (472.94 KB, 3 trang )
LAB 4: GIỚI THIỆU CSS(PHẦN II)
LAB 4: GIỚI THIỆU CSS (PHẦN II)
-------------------MỤC TIÊU:
Kết thúc bài thực hành này bạn có khả năng
Định dạng văn bản với CSS
Định dạng liên kết với CSS
BÀI 1 (4 ĐIỂM)
Định dạng bài thơ sao như hình sau
Định dạng bổ sung bài thơ sao trong bài tập 1 của lab3 theo hướng dẫn sau
Định nghĩa css cho em{}
o font-variant:small-caps;
WEB1013 – XÂY DỰNG TRANG WEB
TRANG 1
LAB 4: GIỚI THIỆU CSS(PHẦN II)
o font-size:20px;
o word-spacing:2px;
o letter-spacing:1px;
o line-height:25px;
Định nghĩa css cho h2{}
o color:white;
o text-shadow:0 0 5px red;
Định nghĩa css cho body{}
o Text-align:center
BÀI 2 (3 ĐIỂM)
Tạo trang web có menu liên kết như hình sau
Yêu cầu:
Liên kết thường: màu blue, chữ hoa nhỏ, không gạch chân
Liên kết đã nhấp vào: màu green
Liên kết ở trạng thái có chuột: màu đỏ, có gạch chân
Hướng dẫn:
Tạo danh sách liên kết
<div class="menu">
<a href="#">Trang chủ</a> |
WEB1013 – XÂY DỰNG TRANG WEB
TRANG 2
LAB 4: GIỚI THIỆU CSS(PHẦN II)
...
</div>
Định dạng liên kết
o .menu>a{}
Font-variant:small-caps;
Color:blue;
Text-decoration:none;
o .menu>a:visited{}
Color:green;
o .menu>a:hover{}
Color:red;
Text-decoration:underline;
BÀI 3 (3 ĐIỂM) – GV CHO THÊM
WEB1013 – XÂY DỰNG TRANG WEB
TRANG 3
