Các ứng dụng web và trang web đang gia tăng trong mọi ngành và CSS là điều cần thiết để xây dựng các trang web hấp dẫn. Hiện tại, nhu cầu về các nhà phát triển web có kiến thức tốt về HTML và CSS là rất lớn. Để xây dựng sự nghiệp trong lĩnh vực thiết kế web, các ứng viên cần vượt qua các cuộc phỏng vấn nơi họ đặt câu hỏi phỏng vấn CSS.
Trong bài viết này, chúng tôi đã tổng hợp danh sách các câu hỏi phỏng vấn CSS và chia các câu hỏi thành bốn phần. câu hỏi phỏng vấn CSS cơ bản, câu hỏi phỏng vấn CSS trung cấp, câu hỏi phỏng vấn CSS nâng cao và câu hỏi phỏng vấn CSS thường gặp. Danh sách này sẽ hữu ích cho cả các chuyên gia có kinh nghiệm và những người mới ra trường. Hãy để chúng tôi bắt đầu với hướng dẫn câu hỏi phỏng vấn CSS này.
Chương trình sau đại học. Phát triển web đầy đủ ngăn xếp
hợp tác với Caltech CTME Đăng ký ngayCâu hỏi phỏng vấn CSS cơ bản
Hãy để chúng tôi bắt đầu với các câu hỏi phỏng vấn CSS cơ bản
1. Kể tên một số CSS framework.
Các khung CSS là các thư viện giúp tạo kiểu trang web dễ dàng hơn. Một số trong số đó là Foundation, Bootstrap, Gumby, Ukit, Semantic UI, v.v.
2. Bạn hiểu gì về lĩnh vực phổ thông?
Bộ chọn chung là bộ chọn khớp với tên của bất kỳ loại phần tử nào thay vì chọn các phần tử của một loại cụ thể.
Ví dụ.
* {
màu. màu xanh da trời;
cỡ chữ. 10px;
}
3. Hãy cho chúng tôi biết về việc sử dụng bộ quy tắc
Bộ quy tắc được sử dụng để xác định các bộ chọn, có thể được đính kèm với các bộ chọn khác. Hai phần của một bộ quy tắc là
- khối khai báo. chứa một hoặc nhiều khai báo được phân tách bằng dấu chấm phẩy
- ngành. cho biết phần tử HTML cần được tạo kiểu
4. Các yếu tố của Mô hình hộp CSS là gì?
Mô hình hộp CSS xác định bố cục và thiết kế của các phần tử CSS. Các phần tử là nội dung [như văn bản và hình ảnh, phần đệm [khu vực xung quanh nội dung], đường viền [khu vực xung quanh phần đệm] và lề [khu vực xung quanh đường viền].
5. Phân biệt giữa CSS3 và CSS2
Sự khác biệt chính giữa CSS3 và CSS2 là CSS chia các phần khác nhau thành các mô-đun và hỗ trợ nhiều trình duyệt. Nó cũng chứa các Bộ kết hợp anh chị em chung mới chịu trách nhiệm khớp các phần tử tương tự.
6. CSS có thể được tích hợp vào trang HTML như thế nào?
Có ba cách tích hợp CSS vào HTML. sử dụng các thẻ kiểu trong phần đầu, sử dụng kiểu nội tuyến, viết CSS trong một tệp riêng và liên kết vào trang HTML bằng thẻ liên kết.
7. Giải thích một vài ưu điểm của CSS.
Với CSS, các tài liệu khác nhau có thể được kiểm soát bằng một trang duy nhất, các kiểu có thể được nhóm trong các tình huống phức tạp bằng cách sử dụng bộ chọn và phương pháp nhóm và nhiều phần tử HTML có thể có các lớp.
Khóa học mới. Phát triển Full Stack cho người mới bắt đầu
Tìm hiểu Git Command, Angular, NodeJS, Maven và hơn thế nữa Đăng ký ngay8. Luồng RGB có nghĩa là gì?
RGB đại diện cho màu sắc trong CSS. Ba luồng là Red, Green và Blue. Cường độ màu được biểu thị bằng các số từ 0 đến 256. Điều này cho phép CSS có phổ màu hiển thị.
9. Mục đích của việc phát triển CSS là gì?
CSS được phát triển để xác định giao diện trực quan của trang web. Nó cho phép các nhà phát triển tách cấu trúc và nội dung của một trang web mà trước đây không thể.
10. Sự khác biệt giữa một lớp và một ID là gì?
trả lời. Lớp là một cách sử dụng các phần tử HTML để tạo kiểu. Chúng không phải là duy nhất và có nhiều yếu tố. Trong khi ID là duy nhất và nó có thể được gán cho một phần tử.
Câu hỏi phỏng vấn CSS trung cấp
Trong phần tiếp theo, chúng ta hãy tìm hiểu một số câu hỏi phỏng vấn CSS trình độ trung cấp
1. Xác định chỉ mục z
Đây là một trong những câu hỏi phỏng vấn CSS thường gặp nhất. Chỉ mục Z được sử dụng để chỉ định thứ tự ngăn xếp của các phần tử chồng lên nhau. Giá trị mặc định của nó bằng 0 và có thể nhận cả giá trị âm và dương. Giá trị chỉ mục z cao hơn được xếp chồng lên trên phần tử chỉ mục thấp hơn. Nó nhận các giá trị sau - tự động, số, ban đầu và kế thừa.
2. Lợi ích của CSS Sprites là gì?
Với CSS sprites, việc tải nhiều hình ảnh không phải là vấn đề.
- Chớp mắt là không thấy.
- Tải xuống nội dung nâng cao không diễn ra cho đến khi cần.
3. Làm cách nào bạn có thể nhắm mục tiêu h3 và h2 với cùng kiểu dáng?
Nhiều yếu tố có thể được nhắm mục tiêu bằng cách phân tách bằng dấu phẩy
h2, h3 {màu. màu đỏ;}
4. Đặt tên cho các loại phương tiện được CSS cho phép
Các loại phương tiện khác nhau được CSS cho phép là.
- phát biểu
- âm thanh
- thị giác
- phương tiện xúc giác
- phương tiện truyền thông liên tục hoặc phân trang
- kẹp phương tiện hoặc bitmap
- phương tiện truyền thông tương tác
5. Làm thế nào bạn có thể sử dụng CSS để kiểm soát sự lặp lại của hình ảnh?
Thuộc tính lặp lại nền được sử dụng để kiểm soát hình ảnh. Ví dụ
h3 {
Bối cảnh Lặp lại. không ai;
}
6. Hãy cho chúng tôi biết về thuộc tính được sử dụng để kiểm soát cuộn hình ảnh?
Thuộc tính background-attachment được sử dụng để đặt xem hình nền được cố định hay nó cuộn với phần còn lại của trang. Ví dụ về hình nền cố định
thân thể {
hình nền. url['url_of_image'];
Bối cảnh Lặp lại. không lặp lại;
tệp đính kèm nền. đã sửa;
}
7. Kể tên một số thuộc tính CSS liên quan đến phông chữ.
Các thuộc tính liên quan đến phông chữ là Kiểu phông chữ, biến thể, trọng lượng, họ, kích thước, v.v.
8. Xác định bộ chọn theo ngữ cảnh
Trong CSS, bộ chọn theo ngữ cảnh cho phép nhà phát triển chỉ định kiểu của các phần khác nhau của tài liệu. Các kiểu có thể được gán trực tiếp cho các thẻ HTML cụ thể hoặc tạo các lớp độc lập và gán các thẻ cho chúng.
9. Giải thích thiết kế web đáp ứng.
Responsive Design là phương pháp tạo trang web sử dụng hình ảnh linh hoạt, bố cục linh hoạt và truy vấn phương tiện CSS. Phương pháp thiết kế này nhằm mục đích xây dựng các trang web phát hiện hướng và kích thước màn hình của khách truy cập để có thể thay đổi bố cục cho phù hợp.
Chương trình đào tạo mã hóa Caltech
Trở thành nhà phát triển full stack sau 6 tháng Đăng ký ngay10. Hãy cho chúng tôi biết về danh pháp CSS chung
Trong CSS, các lệnh tạo kiểu được viết theo kiểu giá trị và thuộc tính. CSS bao gồm một dấu kết thúc hệ thống- dấu chấm phẩy. Toàn bộ phong cách được bao bọc trong dấu ngoặc nhọn và được gắn vào bộ chọn. Điều này tạo ra một biểu định kiểu có thể được áp dụng cho trang HTML
11. Những hạn chế của CSS là gì?
- CSS không phải lúc nào cũng đảm bảo khả năng tương thích với mọi trình duyệt;
- Thẻ bộ chọn gốc không khả dụng, do đó bạn không thể chọn thẻ bộ chọn gốc
- Một số bộ chọn có thể dẫn đến sự cố trên nhiều trình duyệt do hành vi kém thân thiện với trình duyệt của chúng
- Chúng tôi không thể yêu cầu một trang web thông qua CSS
12. Làm cách nào để đưa CSS vào trang web?
- Với sự trợ giúp của thẻ liên kết, bạn có thể đưa tệp biểu định kiểu bên ngoài dưới dạng tệp CSS vào tệp HTML của mình
- Bạn có thể thêm các kiểu CSS có trong trang HTML của mình và viết nó ở dạng biểu định kiểu CSS độc lập
- CSS có thể được đưa trực tiếp vào thẻ HTML bằng cách thêm kiểu nội tuyến vào các phần tử HTML
- Người ta có thể nhập tệp biểu định kiểu bên ngoài dưới dạng tệp CSS mới bằng cách sử dụng quy tắc @import.
13. Các loại Bộ chọn khác nhau trong CSS là gì?
Bộ chọn chung, Bộ chọn loại phần tử, Bộ chọn ID, Bộ chọn lớp, Tổ hợp hậu duệ, Bộ kết hợp con, Bộ kết hợp anh chị em chung, Bộ kết hợp anh chị em liền kề và Bộ chọn thuộc tính
14. Bộ tiền xử lý CSS là gì?
Bộ tiền xử lý CSS là một công cụ được sử dụng để nâng cao chức năng cơ bản và cho phép chúng tôi sử dụng cú pháp logic phức tạp như biến, hàm, mixin và lồng mã trong chính các tập lệnh CSS gốc
- Sass [Syntactally Awesome Style Sheets] sử dụng. phần mở rộng sass. Nó được sử dụng để thụt đầu dòng;
- Sử dụng ít hơn [Leener Stylesheets]. ít mở rộng hơn. Thật dễ dàng để thêm vào bất kỳ Dự án JavaScript nào bằng cách sử dụng NPM trở xuống. tập tin js. Ở đây, @ được sử dụng để xác định các biến.
- Bút cảm ứng cung cấp sự linh hoạt tuyệt vời trong cú pháp viết. Nó có thể sử dụng CSS gốc cũng như loại trừ dấu ngoặc, dấu hai chấm và dấu chấm phẩy. Không cần sử dụng @ hoặc $ để xác định các biến
Mọi người sử dụng SASS, LESS và Stylus để mở rộng chức năng cơ bản của vanilla CSS
15. VH/VW [chiều cao khung nhìn/chiều rộng khung nhìn] trong CSS là gì?
VH và VW là các đơn vị CSS được sử dụng để đo chiều cao khung nhìn và chiều rộng khung nhìn tương ứng ở dạng phần trăm trong kỹ thuật thiết kế đáp ứng. e. g. Nếu chiều cao của trình duyệt là 1000px, thì VH là 1/100 chiều cao của khung nhìn là 1000px*[1/100] = 10px, là chiều cao của trình duyệt. Điều tương tự cũng áp dụng cho VW [chiều rộng khung nhìn]
16. Sự khác biệt giữa đặt lại và chuẩn hóa CSS?
- Đặt lại CSS được sử dụng để xóa tất cả các kiểu có sẵn trong trình duyệt, chẳng hạn như phần đệm, lề và kích thước phông chữ và có thể được đặt lại bằng cách sử dụng tất cả các phần tử
- Chuẩn hóa CSS được sử dụng để làm cho tất cả các kiểu tích hợp trong trình duyệt nhất quán và sửa lỗi theo các trình duyệt khác nhau
17. Sự khác biệt giữa nội tuyến, khối nội tuyến và khối là gì?
- Block Elements are
Chủ Đề