Menu
CoddyTech
Bắt đầu học

Mô tả lớp

Bài học 14 trên 17 trong khóa học Accordion hình ảnh | Dự án front-end của Coddy.

challenge icon

Thử thách

Dễ

Lớp mục tiêu 'description’:

  1. Đặt display thành Flex
  2. Đặt justify-content thành center.
  3. Đặt flex-direction thành column
  4. Đặt overflow thành hidden.
  5. Đặt height thành 80 pixel.
  6. Đặt font size thành 13 pixel.
  7. Đặt opacity thành 0.

Tự làm thử

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Viết code HTML tại đây -->
        <script src="script.js"></script>
    </body>
</html>

Tất cả bài học trong Accordion hình ảnh | Dự án front-end

1Giới thiệu

Bạn sẽ xây dựng gì?

4CSS II

Biểu tượng lớpBài học dự ánMô tả lớpBài học dự ánTiêu đề và tiêu đề phụBài học dự ánĐầu vàoBài học dự ánHình nềnBài học dự án

2HTML

Tiêu đềLớp container và đầu vàoBài học dự ánNhãn và lớp hàngBài học dự ánCác lớp hàngBài học dự ánTiêu đề và tiêu đề phụBài học dự ánHoàn thành HTMLBài học dự án

3CSS I

Thẻ phổ quátBài học dự ánBody và lớp wrapperBài học dự ánLớp containerBài học dự ánLớp cardBài học dự ánLớp rowBài học dự án

Tự luyện tập: Playground Web