Pages

▼

Thứ Ba, 15 tháng 10, 2019

Trắc nghiệm kiến thức CSS - Phần 5

Bộ câu hỏi trắc nghiệm về ngôn ngữ lập trình CSS, mời bạn đọc thử sức kiến thức của mình với chủ đề này. Với 15 câu hỏi bao gồm nhiều đáp án, hãy lựa chọn 1 đáp án đúng nhất nhé.

Xem thêm:

    Trắc nghiệm kiến thức CSS

    • Câu 1: Làm thế nào để bo tròn góc cạnh các phần tử?
      • border[round]: 30px;
      • corner-effect: round;
      • border-radius: 30px;
      • alpha-effect: round-corner;
    • Câu 2: 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;
    • Câu 3: Làm thế nào để thêm hình ảnh xuất hiện trên đường viền cho các phần tử trong CSS3?
      • border: url(image.png);
      • border-variable: image url(image.png);
      • border-image: url(border.png) 30 30 round;
      • Không thêm được hình ảnh xuất hiện trên đường viền
    • Câu 4: Làm cách nào để thay đổi kích thước hình ảnh background bằng CSS3?
      • background-size: 80px 60px;
      • bg-dimensions: 80px 60px;
      • background-proportion: 80px 60px;
      • D. alpha-effect: bg-resize 80px 60px;
    • Câu 5: Làm cách nào để thêm bóng (shadow) cho đoạn text bằng CSS3?
      • font: shadowed 5px 5px 5px grey;
      • font-shadow: 5px 5px 5px grey;
      • text-shadow: 5px 5px 5px grey;
      • shadow: text 5px 5px 5px grey;
    • Câu 6: Làm thế nào để bắt buộc đoạn text xuống dòng?
      • word-wrap: break-word;
      • text-wrap: break-word;
      • text-wrap: force;
      • text-width: set;
    • Câu 7: Đâu là lệnh chuyển đổi (transform) hợp lệ trong CSS3.
      • matrix() 
      • modify()
      • skip()
      • simulate()
    • Câu 8: Làm thế nào để xoay phần tử trong CSS3?
      • object-rotation: 30deg; 
      • transform: rotate(30deg);
      • rotate-object: 30deg;
      • transform: rotate-30deg-clockwise;
    • Câu 9: Đâu là cách để chuyển đổi kích thước/tỷ lệ phần tử bằng CSS3?
      • transform: scale(2,4);
      • scale-object: 2,4;
      • scale: (2,4);
      • None
    • Câu 10: Làm cách nào để tạo hiệu ứng chuyển tiếp transition bằng CSS3?
      • transition: width 2s; 
      • transition-duration: 2s; transition-effect: width;
      • alpha-effect: transition (width,2s);
      • None
    • Câu 11: Khẳng định sau đúng hay sai?
      Box-shadow được tất cả các trình duyệt hỗ trợ
      • Đúng
      • Sai
    • Câu 12: Cần thêm tiền tố nào để các thuộc tính CSS3 hoạt động trên trình duyệt Mozilla Firefox cũ?
      •  -webkit- 
      • -moz- 
      • -o- 
      •  -gecko- 
    • Câu 13: Ba giá trị đầu tiên của text-shadow theo thứ tự là gì?
      • vertical, blur, horizontal 
      • blur, vertical, horizontal 
      • vertical, horizontal, blur 
      • horizontal, vertical, blur
    • Câu 14: 4 giá trị của border-radius lần lượt là?
      • top, bottom, left, right 
      • up, down, front, behind 
      • top-left, top-right, bottom-right, bottom-left
      • bottom-left, bottom-right, top-right, top-left
    • Câu 15: RGBa có nghĩa là gì?
      • Red Gold Black alpha 
      • Red Green Blue alpha 
      • Red Gray Brown alpha 
    Bạn cần cố gắng hơn!
    Kết quả của bạn khá đấy
    Kiến thức CSS của bạn rất tốt đấy!
    Chính xác tuyệt đối!
    Kiến thức CSS của bạn rất tốt đấy!
    Kiểm tra kết quả Làm lại

    Khóa đào tạo Power BI phân tích báo cáo để bán hàng thành công

    Khóa học Lập trình Visual Foxpro 9 - Dành cho nhà quản lý và kế toán
    Nhấn vào đây để bắt đầu khóa học

    Khóa học hướng dẫn về Moodle chuyên nghiệp và hay
    Xây dựng hệ thống đào tạo trực tuyến chuyên nghiệp tốt nhất hiện nay.
    Nhấn vào đây để bắt đầu khóa học

    Nhấn vào đây để bắt đầu khóa học

    Khóa học AutoIt dành cho dân IT và Marketing chuyên nghiệp
    Nhấn vào đây để bắt đầu khóa học

    Khóa học hướng dẫn sử dụng Powerpoint từ đơn giản đến phức tạp HIỆU QUẢ
    Nhấn vào đây để bắt đầu khóa học
    Khóa học Thiết kế, quản lý dữ liệu dự án chuyên nghiệp cho doanh nghiệp bằng Bizagi
    Khoa hoc hay
    Khóa học Phân tích dữ liệu sử dụng Power Query trong Excel
    Nhấn vào đây để bắt đầu khóa học
    Khóa học Phân tích dữ liệu sử dụng TableAU - Chìa khóa thành công!
    Nhấn vào đây để bắt đầu khóa học

    Khóa học "Thiết kế bài giảng điện tử", Video, hoạt hình 
    kiếm tiền Youtube bằng phần mềm Camtasia Studio
    Nhấn vào đây để bắt đầu khóa học
    Khóa học HƯỚNG DẪN THIẾT KẾ VIDEO CLIP CHO DÂN MARKETING CHUYÊN NGHIỆP
    Xây dựng website​​​​​
    HƯỚNG DẪN THIẾT KẾ QUẢNG CÁO VÀ ĐỒ HỌA CHUYÊN NGHIỆP VỚI CANVA
    Hãy tham gia khóa học để trở thành người chuyên nghiệp. Tuyệt HAY!😲👍
    Khoa hoc hay
     KHÓA HỌC VIDEO- XÂY DỰNG PHẦN MỀM QUẢN LÝ BẰNG MICROSOFT ACCESS
    MICROSOFT ACCESS



    GOOGLE SPREADSHEETS phê không tưởng
    Khoa hoc hay
    Khóa hoc lập trình bằng Python tại đây

    Hacker mũ trắng




    Hãy tham gia khóa học để biết mọi thứ

    Để tham gia tất cả các bài học, Bạn nhấn vào đây 
    Khóa học sử dụng Adobe Presenter-Tạo bài giảng điện tử
    Khoa hoc hay
    Khóa học vẽ tạo giao diện demo cho website
    Design Website

    Khóa học sử dụng Edmodo để dạy và học hiện đại để thành công
    Nhấn vào đây để bắt đầu khóa học


    Cập nhật công nghệ từ Youtube tại link: http://congnghe.hocviendaotao.com
    Tham gia nhóm Facebook
    Để tham gia khóa học công nghệ truy cập link: http://thuvien.hocviendaotao.com
    Mọi hỗ trợ về công nghệ email: dinhanhtuan68@gmail.com
    at