Các lượt nộp
    Danh sách bài
    Trang chủ
    Báo lỗi
    solution
    Đăng nhập
    Đăng nhập

    Đề bài: [Thiết kế Web] Biến SASS đơn giản

    📖Cần ôn lý thuyết? Đọc bài giảng Buổi 14: Các công cụ hỗ trợ: Emmet, Git/GitHub, SASS, Bootstrap, jQuery — khóa Thiết kế Web

    Cho một đoạn SCSS gồm một khai báo biến duy nhất ($ten: giatri;) và một luật (rule) CSS sử dụng biến đó đúng 1 lần trong đúng 1 thuộc tính. Hãy biên dịch sang CSS thuần (thay biến bằng giá trị của nó).

    • Định dạng đầu vào:

      Nhiều dòng SCSS: dòng đầu là khai báo biến, tiếp theo là một luật dạng "bộ_chọn { thuộc_tính: $ten; }" (có thể trải trên nhiều dòng).

    • Ràng buộc đầu vào:

      Chỉ có 1 biến, được dùng đúng 1 lần. Giá trị biến không chứa dấu chấm phẩy.

    • Định dạng đầu ra:

      In ra luật CSS đã biên dịch theo đúng khuôn dạng: <bộ chọn> { <thuộc tính>: <giá trị>; }

    Ví dụ:

    Đầu vào:

    $primary: #3498db;
    body {
      color: $primary;
    }

    Đầu ra:

    body {
      color: #3498db;
    }

    Chủ đề

    🌐 Thiết kế WebThiết kế WebThiết kế Web: Công cụ — Emmet & SASSTất cả môn học

    Đang tải editor...