Cần sử dụng CSS để tạo ra một khung chứa các phần tử với các đặc điểm sau: Khung có kích thước cố định với chiều rộng 300px và chiều cao 200px; Đường viền của khung là đường nét đứt (dotted), màu đen (#000000) và độ rộng là 2px; Nội dung bên trong có khoảng cách với đường viền là 20px. Đoạn mã CSS nào sau đây thực hiện được yêu cầu trên?

.box {width: 300px; height: 200px; border: 2px dotted #000000; padding: 20px;}

.box {width: 300px; height: 200px; border-style: 2px dotted #000000; padding: 20px;}

.box {width: 300px; height: 200px; border: 2px ; margin: 20px;}

.box {width: 300px; height: 200px; border-color: dotted #000000; padding: 20px;}

Để định dạng liên kết có màu trắng với màu nền đỏ khi người dùng nháy chuột vào, cách khai báo nào sau đây là chính xác?

B. a:active { background: red; color: white; }

A. a:hover { background: red; color: white; }

C. a:focus { background: red; color: white; }

D. a:visited { background: red; color: white; }

Bạn cần sử dụng CSS để tạo một hộp chứa các phần tử với các đặc điểm sau: Đường viền của hộp là đường liền, màu đen (#000000), rộng 1px; Khoảng cách từ nội dung bên trong đến đường viền là 20px. Mã CSS nào thực hiện nhiệm vụ này?

.tab {border: 1px solid #000000; padding: 20px;}

.tab {border-style: 1px #000000; padding: 20px;}

.tab {border: 1px solid #000000; margin: 20px;}

.tab {border: 1px #000000; border-color: #000000; padd

Để tạo hiệu ứng thay đổi màu nền của một ô thành màu xanh khi người dùng di chuột qua một bảng có lớp my-table, khai báo nào là đúng?

.my-table td:hover { background-color: green; }

.my-table td:active { background-color: green; }

.my-table td:focus { background-color: green; }

.my-table td:visited{ background-color: green; }

Cần sử dụng CSS để tạo ra một khung chứa các phần tử với các đặc điểm sau: Khung có kích thước cố định với chiều rộng 300px và chiều cao 200px; Đường viền của khung là đường nét đứt (dotted), màu đen (#000000) và độ rộng là 2px; Nội dung bên trong có khoảng cách với đường viền là 20px. Đoạn mã CSS nào sau đây thực hiện được yêu cầu trên?

.box {width: 300px; height: 200px; border: 2px dotted #000000; padding: 20px;}

.box {width: 300px; height: 200px; border-style: 2px dotted #000000; padding: 20px;}

.box {width: 300px; height: 200px; border: 2px ; margin: 20px;}

.box {width: 300px; height: 200px; border-color: dotted #000000; padding: 20px;}

Để định dạng liên kết có màu trắng với màu nền đỏ khi người dùng nháy chuột vào, cách khai báo nào sau đây là chính xác?

a:active { background: red; color: white; }

a:hover { background: red; color: white; }

a:focus { background: red; color: white; }

a:visited { background: red; color: white; }

Cần sử dụng CSS để tạo ra một khung chứa các phần tử với các đặc điểm: Đường viền của khung có nét liền (solid), màu đen(#000000), độ rộng là 1px; Khoảng cách từ nội dung bên trong tới đường viền là 20px. Đoạn mã CSS nào sau đây thực hiện công việc trên?

.tab {border: 1px solid #000000; padding: 20px;}

.tab {border-style: 1px #000000; padding: 20px;}

.tab {border: 1px solid #000000; margin: 20px;}

.tab {border: 1px #000000; border-color: #000000; padding: 20px;}

Để tạo hiệu ứng đổi màu nền của ô thành màu xanh lá cây khi người dùng di chuyển chuột trên bảng dữ liệu thuộc lớp my-table, cách khai báo nào sau đây là chính xác?

.my-table td:hover { background-color: green; }

.my-table td:active { background-color: green; }

.my-table td:focus { background-color: green; }

.my-table td:visited{ background-color: green; }

Cho mẫu định dạng sau: <style> h1 {font-family: Arial; color: blue; } P {color: green; font-family: Times New Roman; background: yellow;} </style>

Thuộc tính background trong CSS dùng để thiết lập màu nền cho văn bản.

Đoạn mã CSS trên chỉ áp dụng cho thẻ <h1> và <p>, các thẻ khác sẽ không bị ảnh hưởng.

Nếu thay background: yellow; bằng background: none;, thì thẻ <p> sẽ không có màu nền.

Màu chữ của thẻ <h1> trong đoạn CSS trên là màu đỏ.

Cho mẫu định dạng sau: <style> h1 {color: red;} li { line-height: 1.5;} strong {color: blue;} </style>

Các dòng của danh sách có chiều cao bằng 1,5 bình thường.

Nếu thêm thuộc tính background-color: lightgreen; vào thẻ <h1> thì màu nền của <h1> sẽ thay đổi.

Tiêu đề chữ màu xanh dương

Nếu thay color: blue; bằng color: yellow trong thẻ strong thì phần nội dung nằm trong thẻ <strong> sẽ có màu nền là màu vàng.

Chuyên gia quản trị trong ngành Công nghệ thông tin thực hiện những công việc sau đây đúng hay sai?

Quản lý và duy trì hệ thống mạng

Bảo vệ dữ liệu và hệ thống khỏi các mối đe dọa mạng

Cài đặt và cấu hình phần cứng máy tính.

Lập trình ứng dụng di động.

Cho mẫu định dạng sau: <style> h1, h2, h3 {font-size: 16px; color: red; text-align: center;} P {font-family: serif; text-align: left; text-indent: 2em;} </style>

Thuộc tính font-size:16px dùng để thiết lập cỡ chữ cho các thẻ h1, h2, h3 là 16px.

Câu lệnh font-family: serif; chỉ áp dụng cho các phần tử <p> trong đoạn mã trên.

Đoạn mã trên gồm 3 bộ chọn.

Nếu bạn muốn thay đổi màu nền của các thẻ <h1>, <h2>, và <h3> thành màu xanh lá cây, bạn có thể thêm background-color: blue;

Kiến thức về CSS

Quiz

•

Other

•

12th Grade

•

Practice Problem

•

Hard

Diu Minh

Used 2+ times

FREE Resource

padding

border-width

Create a free account and access millions of resources

Create resources

Host any resource

Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever

or continue with

Microsoft

Apple

Others

Already have an account?

Similar Resources on Wayground

50 questions

Elements of Design

Quiz

•

9th - 12th Grade

50 questions

Final Exam Comm Tech App - Comprehensive Vocab

Quiz

•

12th Grade

52 questions

Викторина без названия

Quiz

•

12th Grade - University

51 questions

Resumen Modulo 1, 2 y 3 Banking

Quiz

•

1st Grade - Professio...

55 questions

Animal Breeds and Characteristics Quiz

Quiz

•

12th Grade

50 questions

LCTP AMSHORA - 1 (PU-PK)

Quiz

•

KG - Professional Dev...

50 questions

UTS LAYANAN LEMBAGA KEUANGAN SYARIAH

Quiz

•

12th Grade - University

50 questions

Lomba Cepat Tepat PMR

Quiz

•

9th - 12th Grade

Popular Resources on Wayground

5 questions

This is not a...winter edition (Drawing game)

Quiz

•

1st - 5th Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

10 questions

Identify Iconic Christmas Movie Scenes

Interactive video

•

6th - 10th Grade

20 questions

Christmas Trivia

Quiz

•

6th - 8th Grade

18 questions

Kids Christmas Trivia

Quiz

•

KG - 5th Grade

11 questions

How well do you know your Christmas Characters?

Lesson

•

3rd Grade

14 questions

Christmas Trivia

Quiz

•

5th Grade

20 questions

How the Grinch Stole Christmas

Quiz

•

5th Grade

Discover more resources for Other

26 questions

Christmas Movie Trivia

Lesson

•

8th Grade - Professio...

15 questions

Christmas Song Emoji Pictionary

Quiz

•

7th - 12th Grade

20 questions

Christmas Movies

Quiz

•

1st - 12th Grade

55 questions

CHS Holiday Trivia

Quiz

•

12th Grade

20 questions

Christmas Movie Trivia

Quiz

•

9th - 12th Grade

29 questions

christmas facts

Lesson

•

5th - 12th Grade

20 questions

Christmas Trivia

Quiz

•

5th - 12th Grade

20 questions

Stages of Meiosis

Quiz

•

9th - 12th Grade

Kiến thức về CSS

53 questions

Các mẫu định dạng CSS được đặt trong cặp thẻ nào của tệp HTML?

Định dạng nào được sử dụng để thiết lập màu văn bản trong CSS?

Hệ màu nào được sử dụng trong CSS để biểu diễn màu sắc bằng ba giá trị số từ 0 đến 255?

Các thẻ (hoặc phần tử HTML) được chia thành những loại nào?

Đoạn mã nào sau đây là ví dụ về CSS với nhiều quy định trong vùng mô tả?

Để định dạng một nhóm các phần tử có cùng ý nghĩa, nên sử dụng bộ chọn nào?

Để định dạng khoảng cách từ vùng text đến đường viền ngoài của khung, em sử dụng thuộc tính nào?

Mẫu CSS định dạng các liên kết sau khi kích hoạt chuyển màu xanh dương là

Để thiết lập kiểu chữ nghiêng cho văn bản, thuộc tính CSS nào nên được sử dụng?

Create a free account and access millions of resources

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Other