Làm thế nào để thêm bóng (shadow) cho các phần tử trong CSS3?

box-shadow: 10px 10px 5px grey;

shadow-right: 10px shadow-bottom: 10px;

shadow-color: grey;

alpha-effect[shadow]: 10px 10px 5px grey;

Trả lời:

Đáp án đúng: A

Để thêm bóng (shadow) cho các phần tử trong CSS3, chúng ta sử dụng thuộc tính box-shadow. Thuộc tính này cho phép chúng ta định nghĩa các thông số như độ lệch ngang, độ lệch dọc, độ mờ và màu sắc của bóng.

Cú pháp của box-shadow như sau:

box-shadow: horizontal vertical blur color;

horizontal: Độ lệch ngang của bóng. Giá trị dương đẩy bóng sang phải, giá trị âm đẩy bóng sang trái.
vertical: Độ lệch dọc của bóng. Giá trị dương đẩy bóng xuống dưới, giá trị âm đẩy bóng lên trên.
blur: Độ mờ của bóng. Giá trị càng lớn, bóng càng mờ.
color: Màu sắc của bóng.

Trong các lựa chọn:

Lựa chọn 1: box-shadow: 10px 10px 5px grey; là cú pháp đúng để thêm bóng cho phần tử.
Lựa chọn 2, 3 và 4 không phải là các thuộc tính CSS hợp lệ để tạo bóng.

500+ câu hỏi trắc nghiệm Javascript, CSS, HTML có đáp án chi tiết - Phần 5

Tổng hợp 500 câu hỏi trắc nghiệm Javascript có đáp án đầy đủ nhằm giúp các bạn dễ dàng ôn tập lại toàn bộ các kiến thức.

50 câu hỏi 60 phút

Bắt đầu thi

Câu hỏi liên quan

Câu 22:

Làm cách nào để thêm bóng (shadow) cho đoạn text bằng CSS3?

Lời giải:

Đáp án đúng: C

Để thêm bóng (shadow) cho đoạn text bằng CSS3, ta sử dụng thuộc tính text-shadow. Thuộc tính này cho phép thiết lập bóng cho văn bản, với các giá trị: offset-x, offset-y, blur-radius, và color.

offset-x: Độ dịch chuyển ngang của bóng.
offset-y: Độ dịch chuyển dọc của bóng.
blur-radius: Bán kính làm mờ của bóng.
color: Màu của bóng.

Trong các phương án:

Phương án 1 sử dụng font: shadowed, đây không phải là cú pháp đúng để tạo bóng cho văn bản.
Phương án 2 sử dụng font-shadow, thuộc tính này không đúng, phải là text-shadow.
Phương án 3 sử dụng text-shadow, đây là thuộc tính CSS3 chính xác để tạo bóng cho văn bản.
Phương án 4 sử dụng shadow: text, đây không phải là cú pháp đúng.

Vậy, phương án đúng là phương án 3.

Câu 23:

4 giá trị của border-radius lần lượt là?

Lời giải:

Đáp án đúng: C

Khi sử dụng 4 giá trị cho thuộc tính `border-radius` trong CSS, thứ tự áp dụng sẽ là: top-left, top-right, bottom-right, bottom-left. Điều này có nghĩa là giá trị đầu tiên áp dụng cho góc trên bên trái, giá trị thứ hai cho góc trên bên phải, giá trị thứ ba cho góc dưới bên phải và giá trị cuối cùng cho góc dưới bên trái.

Câu 24:

Trong CSS muốn tạo một đối tượng có nền màu đỏ, lệnh nào sau đây là đúng

Lời giải:

Đáp án đúng: D

Trong CSS, thuộc tính background (hoặc background-color) được sử dụng để thiết lập màu nền cho một phần tử HTML. Giá trị red chỉ định màu đỏ.

backcolor: red;: Sai cú pháp, thuộc tính đúng phải là background-color hoặc background.

color: red;: Thuộc tính color dùng để thiết lập màu chữ, không phải màu nền.

Backgroundcolor: red;: Sai cú pháp, CSS không phân biệt chữ hoa chữ thường nhưng viết liền là sai.

background: red;: Đúng cú pháp và chức năng, đặt màu nền của phần tử thành màu đỏ.

Câu 25:

Javascript là ngôn ngữ thông dịch hay biên dịch

Lời giải:

Đáp án đúng: B

Javascript là một ngôn ngữ thông dịch. Điều này có nghĩa là mã Javascript được thực thi trực tiếp bởi trình thông dịch (ví dụ: trình duyệt web) mà không cần phải biên dịch thành mã máy trước khi chạy. Mỗi dòng lệnh được đọc và thực thi từng dòng một. Mặc dù có các trình biên dịch Just-In-Time (JIT) trong các engine Javascript hiện đại để tối ưu hóa hiệu suất, nhưng bản chất cốt lõi của Javascript vẫn là một ngôn ngữ thông dịch.

Câu 26:

Trong Javascript hàm parseInt() dùng để làm gì?

Lời giải:

Đáp án đúng: B

Hàm `parseInt()` trong JavaScript được sử dụng để phân tích một chuỗi và trả về một số nguyên. Nếu chuỗi không thể chuyển đổi thành một số nguyên, nó sẽ trả về `NaN` (Not a Number). Hàm này sẽ cố gắng chuyển đổi phần đầu của chuỗi thành một số nguyên và dừng lại khi gặp một ký tự không hợp lệ. Vì vậy, đáp án chính xác nhất là "Chuyển một chuỗi thành số nguyên".

Câu 27:

Trong Javascript sự kiện Onload thực hiện khi:

Lời giải: