Luyện tập về Class và ID – tập 2

0
212
video-hoc-HTML-CSS-Javascript

Trong bài này, chúng ta sẽ chữa bài tập về Class và ID. Và bài tập của chúng ta ngày hôm nay là yan.vn

Đây là khối bao gồm 3 khối tin. Trong một giao diện, ta ghép 3 khối vào làm một, có khoảng cách, margin chuẩn. Ta phải ghép được những khối nhỏ thì cả một web làm cuối cùng mới ra sản phẩm hoàn chỉnh. Ở đây ta thấy có 2 khối giống nhau, do đó nếu ta làm một khối tốt sẽ copy vào với khối thứ 2.

Trước tiên, ta tạo một file mới : Ctrl + N à Ctrl + S à 2.Html

Ctrl + N à Ctrl + S và 2.Css

Trong file html,  gõ các thẻ cơ bản vào là  html 2.5, đặt tên tiêu đề  title: chua bai yan.vn sau đó gõ thẻ link: 2.Css.

Ta có một thẻ là article.tinnho, nhấn tab và sổ ra như trong video hướng dẫn. Ta cho một thẻ ảnh để trong thẻ a, img lấy ảnh tên là 1.jpg. và một thẻ div thông tin.

Với CSS, ta đặt tên là article.tinnho, lựa chọn chiều rộng, chiều cao, padding, margin sau đó view trên chrome để kiểm tra từng khối.

Để biết thêm chi tiết về cách viết CSS, bạn có thể tham khảo video dưới đây:

Bạn cần tìm kiếm khóa học về lập trình html hoàn chỉnh bài bản từ đầu, hãy đăng ký ngay khóa học của chúng tôi tại link sau:

http://fedu.vn/khoa-hoc/lap-trinh-thiet-ke-web/khoa-hoc-lap-trinh-frontend-co-ban-bootstrap-4-jquery-css3-html5/

Chúng tôi sẽ hướng dẫn bạn đầy đủ và chi tiết về ngôn ngữ lập trình.

0 BÌNH LUẬN

BÌNH LUẬN