Say something about website
Và kết thu được: trông ổn phết Tiếp tục tới phần Navigation Menu Tiếp theo tạo menu điều hướng cho người dùng dễ dàng thao tác Ở dùng nav thẻ chuẩn HTML5 để tạo navigation menu- Home
- News
- About
Lorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas sit amet pretium urna Vivamus venenatis velit nec neque ultricies, eget elementum magna tristique Quisque vehicula, risus eget aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in velit Praesent scelerisque tortor sed accumsan convallis.
ColumnLorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas sit amet pretium urna Vivamus venenatis velit nec neque ultricies, eget elementum magna tristique Quisque vehicula, risus eget aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in velit Praesent scelerisque tortor sed accumsan convallis.
ColumnLorem ipsum dolor sit amet, consectetur adipiscing elit Maecenas sit amet pretium urna Vivamus venenatis velit nec neque ultricies, eget elementum magna tristique Quisque vehicula, risus eget aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in velit Praesent scelerisque tortor sed accumsan convallis.
Đây kết đống code 3/8 Ơ lại khơng chia nhỉ? Đây khung xương cho thơi chỉnh hình CSS sau Footer Cuối phần cuối trang web " thường nơi chứa tên cá nhân tổ chức sở hữu website nơi chứa thông tin quyền"HyHy © 2018
kết quả: Hãy xem lại sau tất đống code ngoằn ngoèo có 4/8 Nhìn thơ khơng, "xương" mà Chúng ta tiến hành gắn da thịt cho đỡ thơ thơi nào! c Làm đẹp CSS Header Đây phần biển hiệu, làm trở nên màu mè to lớn tí để dễ quản bá tên tuổi header{ background-color:lightgrey; padding:1.5em; text-align:center; } Và: Bằng việt thêm background-color đưa text "biển hiệu" nhìn trơng ổn :3 Navigation Menu Đây phần lằng nhằng (chủ yếu dài ) Để làm menu đơn giản từ list xí xấu hồi cần bỏ phần bullet phía trước đưa hàng ngang cộng thêm tí màu mè nửa 5/8 nav{ background-color:#1abc9c; } nav ul{ margin:0; padding:0; list-style-type:none; } nav li{ display:inline-block; } nav li a{ display:inline-block; text-decoration:none; color:white; padding:14px 16px; } xem list xí xấu lúc Tada! Đúng ta mong muốn, hàng, bỏ đống bullet phía trước cịn có thêm màu mè Ta cần thêm tí hiệu ứng lúc rê chuột vào (để cịn biết chọn nửa ==!) nav li:hover{ background-color:orange; } Content Như nói trên, chia cột thành cột nằm hàng 6/8 *{ box-sizing:border-box; } section{ background-color:lightgrey; } article{ width:33.33%; float:left; background-color:#f0f0f0; padding:1em; } section:after{ content:""; clear:both; display:table; } Kết quả: Footer Phần việc trang trí giống với phần Header footer{ background-color:black; padding:0.8em; color:white; text-align:center; } Kết quả: Và tổng quan lại sau trang điểm CSS website có chút thay đổi (không đẹp, thẩm mĩ quá) Trước 7/8 Và sau Chưa đẹp lắm, yêu cầu đề :v Chí kiến thức để làm cộng với sáng tạo làm nhiều layouts khác đẹp Link tham khảo Vì học HTML + CSS W3School nên link nha 8/8 ... xương" HTML trước muốn tơ điểm thêm màu mè cho Chúng ta bắt đầu viết HTML cho web Header Như Header "Tiêu đề trang web, thường chỗ logo website" , chọn hình ảnh hay chữ làm tiêu đề tùy thích, chọn... something about website< /p> Và kết thu được: trông ổn phết Tiếp tục tới phần Navigation Menu Tiếp theo tạo menu điều hướng cho người dùng dễ dàng thao tác Ở dùng nav thẻ chuẩn HTML5 để tạo... trang web dùng article để chứa phần nội dung nhỏ bên bao gồm nội dung viết, quảng cáo, etc Giả sử có phần nội dung hình Vì tạo layouts nên tạo cột không chia nhỏ lớn hình (làm cho nhanh :v)