Vận dụng trang 105 Tin học 12: Hãy đưa ra một thiết kế khác cho website đã tạo ở phần Thực hành. Viết định dạng theo thiết kế mới và chuyển toàn bộ website sang định dạng mới.

 Vận dụng trang 105 Tin học 12: Hãy đưa ra một thiết kế khác cho website đã tạo ở phần Thực hành. Viết định dạng theo thiết kế mới và chuyển toàn bộ website sang định dạng mới.

Lời giải:

Để áp dụng thiết kế mới cho trang web đã tạo trong phần Thực hành, em cần thực hiện các bước sau:

- Tạo một tệp CSS mới và đặt tên là "style.css" (hoặc tên tùy chọn khác).

- Trong tệp CSS, thêm mã CSS để định dạng các phần tử theo thiết kế mới.

Ví dụ:

/* Định dạng phần banner */

.banner {

  background: url("../assets/img/bg-masthead.jpg") no-repeat center center;

  background-size: cover;

  padding-top: 12rem;

  padding-bottom: 12rem;

  text-align: center;

  color: darkred;

}

.banner h2 {

  font-size: 36px;

  font-weight: bold;

}

/* Định dạng phần slogan */

.slogan {

  background-color: rgb(248, 249, 250);

  text-align: center;

  padding-right: 0.5rem;

  padding-left: 3rem;

  padding-top: 7rem;

  padding-bottom: 7rem;

}

.row {

  display: flex;

  flex-wrap: wrap;

  margin-top: -1;

  max-width: 100%;

  padding-right: 3rem;

  padding-left: 3rem;

}

.block_3 {

  flex: 0 0 33.33333333%;

}

.block_3 h3 {

  font-size: 24px;

  font-weight: bold;

}

.text-content {

  font-size: 16px;

  color: #333;

}

Post a Comment

Thank for your feedback!

Previous Post Next Post