Theo dữ liệu được công bố bởi cuộc khảo sát năm 2021 của Stackoverflow, HTML, CSS và JavaScript là những ngôn ngữ phổ biến nhất được sử dụng trên toàn thế giới
logo- home
- projects
- about
- contact us
Bước 1. -
Trong bước đầu tiên, chúng tôi sẽ thực hiện một số đặt lại cơ bản. chúng tôi thực hiện đặt lại cơ bản để có thể xóa các thuộc tính mặc định do HTML đặt. Giống như phần đệm hoặc lề mặc định của HTML được đặt thành 0
CSS để đặt lại cơ bản –
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
Mô hình hộp. -
Mô hình Hộp xác định bố cục và thiết kế của chúng tôi.
Xem hình ảnh bên dưới để tham khảo.
Các phần khác nhau của mô hình hộp là –
- Nội dung. - Nội dung của hộp, nơi xuất hiện văn bản, hình ảnh, liên kết và video của chúng tôi
- đệm. - Đó là khu vực xung quanh nội dung. nó trong suốt
- Biên giới. - Đây là khu vực xung quanh nội dung và phần đệm
- Lề. - Đây là khu vực ngoài biên giới. Nó cũng trong suốt
Tổng chiều rộng của phần tử được tính là –
Tổng chiều rộng phần tử = chiều rộng + đệm trái + đệm phải + viền trái + viền phải + lề trái + lề phải
Bước 2. -
Trong bước này, chúng tôi sẽ thêm các kiểu vào phần tử điều hướng của chúng tôi
________số 8Hãy thảo luận về các thuộc tính từ đoạn mã trên
1. chiều rộng tối đa. -
Thuộc tính max-width chỉ định chiều rộng tối đa của phần tử. Nếu một phần tử có chiều rộng nhỏ hơn chiều rộng tối đa thì thuộc tính chiều rộng tối đa không có tác dụng