Dòng nào tuân theo đúng cú pháp của css?

Body {color: black}

{body;color:black}

Body:color=black

{body:color=black(body}

Trả lời:

Đáp án đúng: A

Cú pháp CSS bao gồm một bộ chọn (selector) để chọn phần tử HTML cần áp dụng kiểu, tiếp theo là một khối khai báo (declaration block) được bao quanh bởi dấu ngoặc nhọn {}. Bên trong khối khai báo, mỗi khai báo bao gồm một thuộc tính (property), dấu hai chấm :, và một giá trị (value), kết thúc bằng dấu chấm phẩy ;.

Phân tích từng đáp án:

Đáp án 1: Body {color: black} - Đúng cú pháp. Body là bộ chọn, color là thuộc tính, và black là giá trị.
Đáp án 2: {body;color:black} - Sai cú pháp. Thiếu bộ chọn và thứ tự sai.
Đáp án 3: Body:color=black - Sai cú pháp. Sử dụng dấu = thay vì dấu : và thiếu dấu ngoặc nhọn.
Đáp án 4: {body:color=black(body} - Sai cú pháp. Có nhiều lỗi: sử dụng dấu = thay vì :, có dấu ngoặc đơn không khớp.

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

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 16:

Để liên kết đến một thẻ neo(anchor), bạn phải sử dụng ký tự nào dưới đây trong thuộc tính href

Lời giải:

Đáp án đúng: A

Để liên kết đến một thẻ neo (anchor) trong HTML, ta sử dụng thuộc tính `href` của thẻ ``. Giá trị của thuộc tính `href` phải bắt đầu bằng ký tự `#` theo sau là `id` của phần tử mà bạn muốn liên kết đến. Ví dụ: `Go to Section 1`. Khi người dùng nhấp vào liên kết này, trình duyệt sẽ cuộn đến phần tử có `id="section1"` trên trang.

Câu 17:

Nhóm các đối tượng có cùng thuộc tính và có thể được sử dụng nhiều lần là:

Lời giải:

Đáp án đúng: A

Trong lập trình hướng đối tượng, class là một khuôn mẫu hoặc bản thiết kế để tạo ra các đối tượng. Các đối tượng thuộc cùng một class sẽ có chung các thuộc tính (dữ liệu) và phương thức (hành vi). Class cho phép tạo ra nhiều đối tượng có cấu trúc tương tự nhau, giúp tái sử dụng code và quản lý chương trình dễ dàng hơn.

id thường được sử dụng để định danh duy nhất một phần tử trong một trang web (ví dụ, trong HTML). Mặc dù id cũng có thể gắn với các thuộc tính, nhưng nó không phải là một nhóm các đối tượng có *cùng* thuộc tính và có thể được sử dụng *nhiều lần* như class. Mỗi id chỉ nên xuất hiện một lần trên một trang.

Vì vậy, đáp án chính xác là class.

Câu 18:

Mức độ ưu tiên khi áp dụng CSS là:

Lời giải:

Đáp án đúng: A

Mức độ ưu tiên của CSS được xác định như sau: Inline CSS (CSS được viết trực tiếp trong thẻ HTML) có mức độ ưu tiên cao nhất, sau đó là Internal CSS (CSS được viết trong thẻ <style> trong phần <head> của trang HTML), và cuối cùng là External CSS (CSS được viết trong một file riêng và được liên kết đến trang HTML). Vì vậy, đáp án đúng là Inline CSS < Internal CSS < External CSS.

Câu 19:

Đâu là cách để chuyển đổi kích thước/tỷ lệ phần tử bằng CSS3?

Lời giải:

Đáp án đúng: A

Câu trả lời đúng là transform: scale(2,4);

Giải thích:

Thuộc tính transform trong CSS3 được sử dụng để biến đổi một phần tử. Hàm scale() là một trong các giá trị của thuộc tính transform, cho phép thay đổi kích thước của một phần tử theo chiều ngang và chiều dọc.

scale(2, 4) có nghĩa là phần tử sẽ được tăng kích thước gấp 2 lần theo chiều ngang và gấp 4 lần theo chiều dọc.

Các phương án còn lại không phải là cú pháp đúng trong CSS3 để thay đổi kích thước phần tử.

Câu 20:

Làm cách nào để tạo hiệu ứng chuyển tiếp transition bằng CSS3?

Lời giải:

Đáp án đúng: A

Cú pháp đúng để tạo hiệu ứng chuyển tiếp (transition) trong CSS3 là sử dụng thuộc tính transition. Thuộc tính này cho phép bạn chỉ định thuộc tính CSS nào sẽ có hiệu ứng chuyển đổi, thời gian chuyển đổi, và các thuộc tính khác liên quan đến hiệu ứng chuyển đổi.

Phân tích các đáp án:

Đáp án 1: transition: width 2s; - Đây là cú pháp đúng. Nó chỉ định rằng thuộc tính width sẽ có hiệu ứng chuyển đổi trong khoảng thời gian 2 giây.

Đáp án 2: transition-duration: 2s; transition-effect: width; - Cú pháp này sai. Không có thuộc tính transition-effect trong CSS. Thay vào đó, bạn dùng transition-property để chỉ định thuộc tính cần chuyển đổi, hoặc dùng transition để gộp cả property và duration.

Đáp án 3: alpha-effect: transition (width,2s); - Cú pháp này hoàn toàn sai và không hợp lệ trong CSS. Không có thuộc tính alpha-effect và cách sử dụng transition như trên cũng không đúng.

Đáp án 4: None - Đáp án này không đúng vì có một đáp án đúng khác tồn tại.

Vậy, đáp án đúng là đáp án 1.

Câu 21:

CSS chạy từ phía nào?

Lời giải: