Các câu hỏi được hỏi trong HTML và CSS là gì?
Kiến thức tốt về HTML thường được yêu cầu trong các vai trò như Nhà phát triển web, Nhà phát triển giao diện người dùng và Kỹ sư giao diện người dùng. Nếu ứng viên không có đủ kinh nghiệm trong ngôn ngữ đánh dấu này, họ có thể không thực hiện đúng công việc của mình Show
Vì kiến thức HTML là một kỹ năng kỹ thuật nên bạn cần có bằng chứng rõ ràng để đảm bảo rằng các ứng viên thực sự biết nội dung của họ. Có hai cách tốt để kiểm tra điều này
Lưu ý rằng có lẽ tốt nhất là không nên yêu cầu ứng viên thực sự viết HTML trong khi phỏng vấn vì điều này có thể gây áp lực không đáng có cho họ và ảnh hưởng đến hiệu suất phỏng vấn của họ. Một ngoại lệ có thể là yêu cầu họ nhận xét về mã HTML hiện có hoặc thể hiện cách suy nghĩ của họ về bài tập HTML (nếu họ đã hoàn thành) bằng cách lặp lại các phần của nó trên bảng trắng Nếu bạn đang tuyển dụng cho các vị trí cấp dưới, hãy đặt những câu hỏi cơ bản để xem liệu ứng viên có đủ hiểu biết về HTML hay không (và cả CSS và JavaScript tùy thuộc vào vị trí đó). Dưới đây bạn có thể tìm thấy cả câu hỏi cơ bản và nâng cao Ví dụ về các câu hỏi phỏng vấn HTMLCâu hỏi chung
câu hỏi kỹ thuật
Cách đánh giá câu trả lời của ứng viênVì biết HTML về cơ bản là một kỹ năng khó, nên có một lá cờ đỏ rõ ràng trong câu trả lời của ứng viên. không biết những điều cơ bản. Thí sinh phải cảm thấy khá thoải mái khi trả lời các câu hỏi kiến thức (chẳng hạn như “thẻ này làm gì?”) và có thể đưa ra câu trả lời hợp lý khi được trình bày với một bài tập HTML Đối với các vai trò cấp cao, bạn cũng có thể xem liệu các ứng viên có cảm thấy thoải mái khi đưa ra các quyết định cấp cao hay không (ví dụ: họ sẽ cải thiện bố cục trang web của bạn như thế nào). Ngoài ra, hãy để mắt đến những ứng viên có nhiều kinh nghiệm sử dụng HTML song song với CSS và JavaScript Trong bài viết này, chúng tôi đã tập hợp một danh sách các Câu hỏi và câu trả lời phỏng vấn HTML và CSS quan trọng và thường gặp dành cho các ứng viên mới bắt đầu, trung cấp và có kinh nghiệm. Những câu hỏi này được phân loại để duyệt nhanh trước cuộc phỏng vấn hoặc đóng vai trò như một hướng dẫn trợ giúp về các chủ đề khác nhau trong HTML và CSS cho người phỏng vấn. Hướng dẫn này hữu ích nhất khi phỏng vấn cho vai trò của nhà phát triển HTML hoặc nhà phát triển Front-end Xem tất cả câu hỏi 👇 Kiểm tra trực tuyến HTML/CSS Câu hỏi và câu trả lời phỏng vấn HTML/CSS 👇Mục lục
Danh sách đầy đủ các câu hỏi
Câu hỏi phỏng vấn HTMLHTML ngữ nghĩa là gì?Xem câu trả lời Ẩn câu trả lời HTML ngữ nghĩa là một phong cách mã hóa. Đó là việc sử dụng đánh dấu HTML để củng cố ngữ nghĩa hoặc ý nghĩa của nội dung. Ví dụ. Trong ngữ nghĩa thẻ HTML không được sử dụng cho câu lệnh in đậm cũng như thẻ được sử dụng cho chữ nghiêng. Thay vì những thứ này, chúng tôi sử dụng và các thẻ Làm cách nào để tạo một trang web lồng nhau trong HTML?Xem câu trả lời Ẩn câu trả lời Thẻ iframe HTML được sử dụng để hiển thị một trang web lồng nhau. Nói cách khác, nó đại diện cho một trang web trong một trang web. Thẻ HTML Tại sao một URL được mã hóa trong HTML?Xem câu trả lời Ẩn câu trả lời URL được mã hóa để chuyển đổi các ký tự không phải ASCII thành định dạng có thể được sử dụng qua Internet vì URL được gửi qua Internet chỉ bằng cách sử dụng bộ ký tự ASCII. Nếu một URL chứa các ký tự bên ngoài bộ ASCII, thì URL đó phải được chuyển đổi. Các ký tự không phải ASCII được thay thế bằng "%" theo sau là các chữ số thập lục phân SVG là gì?Xem câu trả lời Ẩn câu trả lời HTML SVG được sử dụng để mô tả vector hai chiều và đồ họa vector/raster. Hình ảnh SVG và hành vi của chúng được xác định trong tệp văn bản XML. Vì vậy, dưới dạng tệp XML, bạn có thể tạo và chỉnh sửa hình ảnh SVG bằng trình soạn thảo văn bản. Nó chủ yếu được sử dụng cho các sơ đồ loại vectơ như biểu đồ hình tròn, đồ thị 2 chiều trong hệ tọa độ X, Y Sự khác biệt giữa tiến độ và thẻ đồng hồ là gì?Xem câu trả lời Ẩn câu trả lời Thẻ tiến độ chỉ được sử dụng để biểu thị tiến trình của tác vụ trong khi thẻ đồng hồ đo được sử dụng để đo dữ liệu trong một phạm vi nhất định Tất cả các thực thể ký tự có hiển thị đúng trên tất cả các hệ thống không?Xem câu trả lời Ẩn câu trả lời Không, có một số thực thể ký tự không thể hiển thị khi hệ điều hành mà trình duyệt đang chạy không hỗ trợ ký tự. Khi điều đó xảy ra, các ký tự này được hiển thị dưới dạng hộp Lợi thế của việc thu gọn khoảng trắng là gì?Xem câu trả lời Ẩn câu trả lời Khoảng trắng là một chuỗi trống các ký tự khoảng trắng, được coi là một ký tự khoảng trắng trong HTML. Vì trình duyệt thu gọn nhiều khoảng trắng thành một khoảng trắng nên bạn có thể thụt lề các dòng văn bản mà không phải lo lắng về nhiều khoảng trắng. Điều này cho phép bạn sắp xếp mã HTML thành một định dạng dễ đọc hơn nhiều Làm thế nào để bạn tạo liên kết đến các phần trong cùng một trang?Xem câu trả lời Ẩn câu trả lời Liên kết có thể được tạo bằng cách sử dụng thẻ Việc sử dụng văn bản thay thế trong ánh xạ hình ảnh là gì?Xem câu trả lời Ẩn câu trả lời Khi bạn sử dụng bản đồ hình ảnh, nó có thể dễ trở nên khó hiểu và khó xác định điểm nóng nào tương ứng với liên kết nào. Sử dụng văn bản thay thế cho phép, bạn đặt văn bản mô tả trên mỗi liên kết điểm phát sóng Nếu hệ điều hành của người dùng không hỗ trợ ký tự cần thiết, làm thế nào ký hiệu có thể được biểu diễn?Xem câu trả lời Ẩn câu trả lời Trong trường hợp hệ điều hành của họ không hỗ trợ một ký tự cụ thể, vẫn có thể hiển thị ký tự đó bằng cách hiển thị dưới dạng hình ảnh thay thế Tại sao có cả giá trị thực thể ký tự số và ký tự được đặt tên?Xem câu trả lời Ẩn câu trả lời Các giá trị số được lấy từ các giá trị ASCII cho các ký tự khác nhau, nhưng chúng có thể khó nhớ. Do đó, các giá trị thực thể ký tự được đặt tên đã được tạo để giúp các nhà thiết kế trang web sử dụng dễ dàng hơn Điều gì xảy ra nếu không có văn bản giữa các thẻ hoặc nếu văn bản bị bỏ qua do nhầm lẫn?Xem câu trả lời Ẩn câu trả lời Nếu không có văn bản giữa các thẻ, thì không có gì để định dạng. Do đó sẽ không có định dạng nào xuất hiện. Một số thẻ, đặc biệt là các thẻ không có thẻ đóng như thẻ Các giới hạn của kích thước trường văn bản là gì?Xem câu trả lời Ẩn câu trả lời Kích thước mặc định cho một trường văn bản là khoảng 13 ký tự. Tuy nhiên, nếu bạn bao gồm thuộc tính kích thước, bạn có thể đặt giá trị kích thước thấp bằng 1. Giá trị kích thước tối đa sẽ được xác định bởi chiều rộng của trình duyệt. Nếu thuộc tính kích thước được đặt thành 0, kích thước sẽ được đặt thành kích thước mặc định là 13 ký tự Liên kết hoạt động khác với liên kết bình thường như thế nào?Xem câu trả lời Ẩn câu trả lời Màu mặc định cho các liên kết bình thường và hoạt động là màu xanh lam. Một số trình duyệt nhận ra một liên kết đang hoạt động khi con trỏ chuột được đặt trên liên kết đó; . Những link không có con trỏ chuột vào link đó được coi là link bình thường Điều gì xảy ra nếu bạn mở tệp CSS bên ngoài trong trình duyệt?Xem câu trả lời Ẩn câu trả lời Khi bạn cố mở tệp CSS bên ngoài trong trình duyệt, trình duyệt không thể mở tệp vì tệp có phần mở rộng khác. Cách duy nhất để sử dụng tệp CSS bên ngoài là tham chiếu nó bằng thẻ trong một tài liệu HTML khác Bạn có biết hai thẻ ngữ nghĩa được bao gồm trong phiên bản HTML5 không?Xem câu trả lời Ẩn câu trả lời Các thẻ Bộ đệm ứng dụng trong HTML5 là gì và tại sao nó được sử dụng?Xem câu trả lời Ẩn câu trả lời Khái niệm Bộ nhớ cache ứng dụng có nghĩa là một ứng dụng web được lưu trữ trong bộ nhớ cache. Nó có thể được truy cập mà không cần kết nối internet Một số ưu điểm của Bộ đệm ứng dụng
Các thẻ được sử dụng để phân tách một phần của văn bản là gì?Xem câu trả lời Ẩn câu trả lời Có ba thẻ có thể được sử dụng để phân tách các văn bản
Sự khác biệt giữa DIV và SPAN trong HTML là gì?Xem câu trả lời Ẩn câu trả lời Sự khác biệt giữa span và div là phần tử span nằm trong dòng và thường được sử dụng cho một đoạn HTML nhỏ bên trong một dòng, chẳng hạn như bên trong một đoạn văn. Trong khi đó, phần tử div hoặc phân chia là dòng khối tương đương với việc ngắt dòng trước và sau nó và được sử dụng để nhóm các đoạn mã lớn hơn Có cách nào để giữ thẳng các thành phần danh sách trong tệp HTML không?Xem câu trả lời Ẩn câu trả lời Bằng cách sử dụng thụt lề, bạn có thể giữ thẳng các phần tử danh sách. Nếu bạn thụt lề mỗi danh sách con được lồng vào xa hơn danh sách cha, bạn có thể dễ dàng xác định các danh sách khác nhau và các thành phần chứa trong đó Giải thích sự khác biệt chính giữa các đối tượng LocalStorage và SessionStorageXem câu trả lời Ẩn câu trả lời Sự khác biệt chính giữa các đối tượng localStorage và sessionStorage như sau
Mối quan hệ giữa các thuộc tính đường viền và quy tắc là gì?Xem câu trả lời Ẩn câu trả lời Đường viền ô mặc định, với độ dày 1 pixel, sẽ tự động được thêm vào giữa các ô nếu thuộc tính đường viền được đặt thành giá trị khác không. Tương tự, nếu không bao gồm thuộc tính đường viền, đường viền 1 pixel mặc định sẽ xuất hiện khi thuộc tính quy tắc được thêm vào thẻ Sự khác biệt giữa HTML và XHTML là gì?Xem câu trả lời Ẩn câu trả lời Sự khác biệt giữa HTML và XHTML là
What would happen if the HTML Document does not contain ?Xem câu trả lời Ẩn câu trả lời Nó hướng dẫn Trình duyệt web về phiên bản HTML được sử dụng để tạo trang Web. Nếu nhà phát triển lỡ khai báo thông tin DOCTYPE trong mã thì các tính năng và thẻ mới do HTML5 cung cấp, chẳng hạn như Một số tính năng mới quan trọng trong HTML5 là gì?Xem câu trả lời Ẩn câu trả lời Các tính năng mới chính của HTML5 bao gồm
"nhân viên web" là gì?Xem câu trả lời Ẩn câu trả lời Công nhân web cuối cùng đã mang đa luồng đến JavaScript. Web worker là một tập lệnh chạy trong nền (i. e. , trong một chủ đề khác) mà không cần đợi trang hoàn tất. Người dùng có thể tiếp tục tương tác với trang trong khi nhân viên web chạy ở chế độ nền. Công nhân sử dụng thông báo giống như luồng để đạt được tính song song API định vị địa lý trong HTML5 là gì?Xem câu trả lời Ẩn câu trả lời API vị trí địa lý của HTML5 cho phép người dùng chia sẻ vị trí thực tế của họ với các trang web đã chọn. JavaScript có thể nắm bắt vĩ độ và kinh độ của người dùng và có thể gửi nó đến máy chủ web phía sau để kích hoạt các tính năng nhận biết vị trí như tìm doanh nghiệp địa phương hoặc hiển thị vị trí của họ trên bản đồ. Ngày nay, hầu hết các trình duyệt và thiết bị di động đều hỗ trợ Geolocation API. API vị trí địa lý hoạt động với một thuộc tính mới của đối tượng điều hướng toàn cầu. Đối tượng định vị địa lý là một đối tượng dịch vụ cho phép các widget truy xuất thông tin về vị trí địa lý của thiết bị người dùng Một kết quả chính là gì nếu bạn không chỉ định loại tài liệu trong trang HTML?Xem câu trả lời Ẩn câu trả lời Các thẻ dành riêng cho HTML5 mới sẽ không được trình duyệt diễn giải Sự khác biệt giữa các phần tử 'khối' và 'nội tuyến' là gì?Xem câu trả lời Ẩn câu trả lời Các phần tử khối được lập trình để chúng chiếm nhiều dung lượng nhất có thể. Trái ngược với điều đó, các phần tử nội tuyến được thiết kế để chiếm một lượng không gian rất nhỏ Làm thế nào bạn sẽ nhóm các yếu tố hình thức?Xem câu trả lời Ẩn câu trả lời Nếu bạn muốn thu thập và chuyển các thành phần HTML biểu mẫu nhất định vào một nhóm duy nhất, thẻ fieldset được coi là thẻ tốt nhất để sử dụng Bạn có nên thu gọn khoảng trắng?Xem câu trả lời Ẩn câu trả lời Đây có thể là một trong những câu hỏi phỏng vấn HTML mẹo, đơn giản vì cách diễn đạt. Nhưng đừng để bị lừa - thu gọn khoảng trắng được coi là khá có lợi Trong HTML, khoảng trắng cũng được coi là ký tự. Điều đó có nghĩa là chúng chiếm không gian. Nếu bạn thu gọn chúng, bạn có thể cải thiện khả năng đọc dự án của mình Applet là gì?Xem câu trả lời Ẩn câu trả lời Applet là chương trình nhỏ có thể được nhúng vào các trang web để thực hiện một số chức năng cụ thể như tính toán, hoạt hình Chúng tôi sử dụng JavaScript với HTML như thế nào?Xem câu trả lời Ẩn câu trả lời Bằng cách sử dụng thẻ script, chúng tôi có thể sử dụng JavaScript với HTML Ổ cắm web là gì?Xem câu trả lời Ẩn câu trả lời Ổ cắm web là công nghệ giao tiếp hai chiều thế hệ tiếp theo dành cho các ứng dụng web hoạt động trên một ổ cắm duy nhất và được hiển thị thông qua giao diện JavaScript trong trình duyệt tuân thủ HTML 5 Ý nghĩa của Box Model là gì?Xem câu trả lời Ẩn câu trả lời Mỗi phần tử trên một trang là một hộp hình chữ nhật và có thể có chiều rộng, chiều cao, phần đệm, đường viền và lề. Mỗi phần của mô hình hộp liên quan đến thuộc tính CSS. chiều rộng, chiều cao, phần đệm, đường viền và lề Ý nghĩa của đánh dấu trong HTML là gì?Xem câu trả lời Ẩn câu trả lời Chuỗi ký tự hoặc ký hiệu khác mà chúng ta thường sử dụng để chèn vào những vị trí nhất định trong tệp từ hoặc văn bản nhằm cho biết tệp sẽ trông như thế nào khi được hiển thị hoặc in hoặc Về cơ bản để mô tả cấu trúc logic của tài liệu. Các chỉ số đánh dấu thường được gọi là thẻ. Các yếu tố và thẻ là hai từ khác nhau mà chúng ta cần hiểu vì có rất nhiều sự nhầm lẫn giữa công chúng liên quan đến thực tế này. Cần lưu ý rằng các tài liệu HTML chứa các thẻ, nhưng không chứa các phần tử. Đó là một quan niệm sai lầm phổ biến thường xảy ra khi cả hai đều tồn tại trong các tài liệu HTML. các phần tử thường chỉ được tạo sau bước phân tích cú pháp từ các thẻ này Làm cách nào để chỉ định một tổ hợp khung cụ thể thay vì tài liệu mặc định?Xem câu trả lời Ẩn câu trả lời Điều này thật không may là không thể. Khi bạn điều hướng qua một trang web bằng khung, URL sẽ không thay đổi khi tài liệu trong từng khung thay đổi. Điều này có nghĩa là không có cách nào để chỉ ra sự kết hợp của các tài liệu tạo nên trạng thái hiện tại của bộ khung Tác giả có thể cung cấp nhiều tài liệu bộ khung, một tài liệu cho mỗi tổ hợp nội dung khung. Các tài liệu bộ khung này có thể được tạo tự động, có thể được tạo nhanh chóng bởi chương trình CGI. Thay vì liên kết đến các tài liệu nội dung riêng lẻ, tác giả có thể liên kết đến các tài liệu bộ khung riêng biệt này bằng cách sử dụng TARGET="_top". Do đó, URL của tài liệu bộ khung hiện tại sẽ luôn chỉ định tổ hợp các khung được hiển thị, cho phép liên kết, dấu trang, v.v. hoạt động bình thường Tại sao khung hình của tôi không có kích thước chính xác mà tôi đã chỉ định?Xem câu trả lời Ẩn câu trả lời Các phiên bản cũ hơn của Netscape Navigator dường như chuyển đổi kích thước khung dựa trên pixel thành toàn bộ phần trăm và sử dụng các kích thước dựa trên tỷ lệ phần trăm đó khi bố trí khung. Do đó, các khung có kích thước dựa trên pixel sẽ được hiển thị với kích thước hơi khác so với kích thước được chỉ định trong tài liệu bộ khung. Lỗi làm tròn sẽ khác nhau tùy thuộc vào kích thước chính xác của cửa sổ trình duyệt. Hơn nữa, Bộ điều hướng dường như lưu trữ các kích thước dựa trên tỷ lệ phần trăm bên trong, thay vì các kích thước dựa trên pixel ban đầu. Do đó, khi một cửa sổ được thay đổi kích thước, các khung được vẽ lại dựa trên kích thước cửa sổ mới và kích thước dựa trên tỷ lệ phần trăm cũ Không có cách nào để ngăn chặn hành vi này. Để phù hợp với nó, bạn nên thiết kế trang web của mình để thích ứng với các thay đổi về kích thước khung. Đây là một tình huống khác mà bạn nên điều chỉnh các biến thể trong bản trình bày của trình duyệt Có thể làm cho nguồn Html không thể xem được không?Xem câu trả lời Ẩn câu trả lời Nói tóm lại, không có phương pháp hoặc tập lệnh thực sự nào để làm cho mã nguồn HTML tiêu chuẩn không thể xem được. Bạn có thể cân nhắc thực hiện bất kỳ điều nào dưới đây nếu họ lo ngại về mã nguồn của bạn
Giải thích VbscriptXem câu trả lời Ẩn câu trả lời Đây là ngôn ngữ kịch bản được phát triển bởi Microsoft và dựa trên Visual Basic. Chức năng của nó trong môi trường web phụ thuộc vào công cụ ASP hoặc Windows Scripting Host và phải được sử dụng trên nền tảng lưu trữ Windows Làm cách nào để tạo biểu mẫu để có thể gửi biểu mẫu bằng cách nhấn ENTER?Xem câu trả lời Ẩn câu trả lời Câu trả lời ngắn gọn là biểu mẫu chỉ nên có một DOM bóng tối là gì?Xem câu trả lời Ẩn câu trả lời đóng gói một phần của DOM. ẩn cây con. bạn có thể có cùng một ID trong các bóng DOM khác nhau. Polyme sử dụng nó. Bằng cách này, DOM của bạn có thể tái sử dụng. nếu người phỏng vấn không hài lòng với câu trả lời của bạn, hãy đưa cho anh ta các liên kết và bảo anh ta dành một ngày cuối tuần để đọc Câu hỏi phỏng vấn HTML nâng caoDữ liệu được lưu trữ trong HTML5 như thế nào?Xem câu trả lời Ẩn câu trả lời Có hai cách để lưu trữ dữ liệu trong HTML5 – với bộ nhớ cục bộ và bộ nhớ phiên. Dữ liệu được lưu trữ trong bộ nhớ cục bộ sẽ an toàn và sẽ không bị xóa sau khi nhà phát triển quyết định thoát khỏi trình duyệt. Trong lưu trữ phiên, khi bạn thoát khỏi trình duyệt, dữ liệu sẽ tự động bị xóa Một phần của văn bản dường như leo ra khỏi ranh giới trang. Tại sao vậy?Xem câu trả lời Ẩn câu trả lời Thông thường, tình huống này hầu như không thể xảy ra – HTML có các ranh giới được xác định rõ ràng được thiết lập để văn bản hoặc hình ảnh không thể vượt qua chúng. Tuy nhiên, trong một số trường hợp hiếm hoi, một văn bản có thể vượt ra khỏi những ranh giới đó. Đây thường là trường hợp khi văn bản được nhập vào một bảng có một số tham số được đặt sai (đặc biệt là về chiều rộng) Câu hỏi phỏng vấn jQueryLợi thế của việc sử dụng jQuery là gì?Xem câu trả lời Ẩn câu trả lời
Sự khác biệt giữa bộ chọn ID và bộ chọn lớp trong jQuery?Xem câu trả lời Ẩn câu trả lời Nếu bạn đã sử dụng CSS, thì bạn có thể biết sự khác biệt giữa ID và bộ chọn lớp, jQuery cũng vậy. Bộ chọn ID sử dụng ID e. g. #element1 để chọn phần tử, trong khi bộ chọn lớp sử dụng lớp CSS để chọn phần tử. Khi bạn chỉ cần chọn duy nhất một phần tử thì sử dụng bộ chọn ID, còn nếu bạn muốn chọn một nhóm phần tử có cùng lớp CSS thì sử dụng bộ chọn lớp. Rất có thể, Cuộc phỏng vấn sẽ yêu cầu bạn viết mã bằng ID và bộ chọn lớp. Từ góc độ cú pháp, như bạn có thể thấy, một sự khác biệt khác giữa ID và bộ chọn lớp là trước đây sử dụng “#” và sau này sử dụng “. " nhân vật. Phân tích và thảo luận chi tiết hơn, xem câu trả lời Ưu điểm chính của việc tải thư viện jQuery bằng CDN là gì?Xem câu trả lời Ẩn câu trả lời Ngoài nhiều ưu điểm bao gồm giảm băng thông máy chủ và tải xuống nhanh hơn, một trong những ưu điểm quan trọng nhất là nếu trình duyệt đã tải xuống cùng một phiên bản jQuery từ cùng một CDN, thì trình duyệt sẽ không tải xuống lại nữa. Kể từ ngày nay, hầu hết các trang web công cộng đều sử dụng jQuery để tương tác và hoạt ảnh với người dùng, rất có thể trình duyệt đã tải xuống thư viện jQuery. Độc giả tò mò, vui lòng xem câu trả lời để phân tích sâu Câu hỏi phỏng vấn CSSQuy tắc ưu tiên/xếp tầng CSS hoạt động như thế nào? . chỉ thị quan trọng ảnh hưởng đến các quy tắc?Xem câu trả lời Ẩn câu trả lời Quy tắc kiểu CSS “xếp tầng” theo nghĩa là chúng tuân theo thứ tự ưu tiên. Quy tắc kiểu toàn cầu trước tiên áp dụng cho các thành phần HTML và quy tắc kiểu cục bộ sẽ ghi đè lên chúng. Ví dụ: kiểu được xác định trong phần tử kiểu trong trang web sẽ ghi đè kiểu được xác định trong biểu định kiểu bên ngoài. Tương tự, kiểu nội tuyến được xác định trong phần tử HTML trong trang sẽ ghi đè bất kỳ kiểu nào được xác định cho cùng phần tử đó ở nơi khác. Các. quy tắc quan trọng là một cách để tạo tầng CSS của bạn nhưng cũng có các quy tắc mà bạn cảm thấy quan trọng nhất luôn được áp dụng. Một quy tắc có. quan trọng sẽ luôn được áp dụng cho dù quy tắc đó xuất hiện ở đâu trong tài liệu CSS. Vì vậy, nếu bạn muốn đảm bảo rằng một thuộc tính luôn được áp dụng, bạn sẽ thêm thuộc tính. thuộc tính quan trọng đối với thẻ. Vì vậy, để đoạn văn bản luôn có màu đỏ, trong ví dụ trên, bạn sẽ viết. p { màu. #ff0000. quan trọng; . #000000; Làm cách nào để tôi thiết kế để tương thích ngược bằng cách sử dụng biểu định kiểu?Xem câu trả lời Ẩn câu trả lời Các phương thức kiểu HTML hiện có (chẳng hạn như Điều gì có thể được thực hiện với các biểu định kiểu mà không thể hoàn thành với Html thông thường?Xem câu trả lời Ẩn câu trả lời Nhiều tiện ích mở rộng gần đây cho HTML là những nỗ lực mang tính thăm dò và hơi thô thiển nhằm kiểm soát bố cục tài liệu. Các biểu định kiểu đi xa hơn một số bước và giới thiệu kiểm soát đường viền, lề và khoảng cách phức tạp cho hầu hết các thành phần HTML. Nó cũng mở rộng các khả năng được giới thiệu bởi hầu hết các tiện ích mở rộng trình duyệt HTML hiện có. Màu nền hoặc hình ảnh giờ đây có thể được gán cho BẤT KỲ phần tử HTML nào thay vì chỉ phần tử BODY và các đường viền giờ đây có thể được áp dụng cho bất kỳ phần tử nào thay vì chỉ áp dụng cho các bảng. Để biết thêm thông tin về các thuộc tính có thể có trong CSS, hãy xem Chỉ mục Thuộc tính DOT Css Chỉ mục Tại sao tôi không nên sử dụng phông chữ có kích thước cố định?Xem câu trả lời Ẩn câu trả lời Chỉ trong những trường hợp rất hiếm, chúng tôi mới tìm thấy người dùng có thiết bị hiển thị "đã hiệu chỉnh" hiển thị chính xác kích thước phông chữ cố định. Điều này cho chúng tôi biết rằng chúng tôi không bao giờ có thể biết kích thước thực của phông chữ khi nó được hiển thị ở cuối người dùng. Những người khác có thể thấy sự lựa chọn cỡ chữ của bạn không thoải mái. Một số lượng lớn đáng ngạc nhiên những người có vấn đề về thị lực và yêu cầu văn bản lớn hơn mức trung bình. Những người khác có thị lực tốt và thích lợi thế của nhiều văn bản hơn trên màn hình mà cỡ chữ nhỏ hơn cho phép. Những gì thoải mái với bạn trên hệ thống của bạn có thể không thoải mái với người khác. Trình duyệt có kích thước mặc định cho phông chữ. Nếu người dùng thấy điều này không phù hợp, họ có thể thay đổi nó thành thứ họ thích hơn. Bạn không bao giờ có thể cho rằng sự lựa chọn của bạn là tốt hơn cho họ. Vì vậy, hãy để nguyên kích thước phông chữ cho phần lớn văn bản của bạn. Nếu bạn muốn thay đổi kích thước ở những vị trí cụ thể (giả sử văn bản nhỏ hơn cho thông báo bản quyền ở cuối trang), hãy sử dụng các đơn vị tương đối để kích thước sẽ giữ nguyên trong mối quan hệ với những gì người dùng có thể đã chọn. Hãy nhớ rằng, nếu mọi người thấy văn bản của bạn không thoải mái, họ sẽ không bận tâm đến việc vật lộn với trang web của bạn. Rất ít trang web (nếu có) đủ quan trọng đối với người dùng bình thường để biện minh cho việc đấu tranh với ý tưởng của tác giả về điều gì là tốt nhất Lợi ích của CSS sprite là gì?Xem câu trả lời Ẩn câu trả lời Nếu một trang web có số lượng lớn. hình ảnh mất nhiều thời gian hơn để tải vì mỗi hình ảnh gửi riêng một yêu cầu HTTP. Khái niệm CSS sprites được sử dụng để giảm thời gian tải trang web vì nó kết hợp nhiều hình ảnh nhỏ khác nhau thành một hình ảnh. Nó giảm số lượng yêu cầu HTTP và do đó giảm thời gian tải CSS sprite kết hợp nhiều hình ảnh thành một hình ảnh, hạn chế số lượng yêu cầu HTTP mà trình duyệt phải thực hiện, do đó cải thiện thời gian tải. Ngay cả trong giao thức HTTP/2 mới, điều này vẫn đúng Theo HTTP/1. 1, tối đa một yêu cầu được cho phép trên mỗi kết nối TCP. Với HTTP/1. 1, các trình duyệt hiện đại mở nhiều kết nối song song (từ 2 đến 8) nhưng nó bị hạn chế. Với HTTP/2, tất cả các yêu cầu giữa trình duyệt và máy chủ được ghép kênh trên một kết nối TCP duy nhất. Điều này có nghĩa là chi phí mở và đóng nhiều kết nối được giảm thiểu, dẫn đến việc sử dụng kết nối TCP tốt hơn và hạn chế tác động của độ trễ giữa máy khách và máy chủ. Sau đó, có thể tải song song hàng chục hình ảnh trên cùng một kết nối TCP Tuy nhiên, theo kết quả benchmark, mặc dù HTTP/2 cải thiện 50% so với HTTP/1. 1, trong hầu hết các trường hợp, bộ sprite vẫn tải nhanh hơn các hình ảnh riêng lẻ Để sử dụng một spritesheet trong CSS, người ta sẽ sử dụng một số thuộc tính nhất định, chẳng hạn như hình nền, vị trí nền và kích thước nền để cuối cùng thay đổi nền của một phần tử tween là gì?Xem câu trả lời Ẩn câu trả lời Đó là quá trình tạo khung trung gian giữa hai hình ảnh. Nó tạo ấn tượng rằng hình ảnh đầu tiên đã phát triển trơn tru sang hình ảnh thứ hai. Đây là một phương pháp quan trọng được sử dụng trong tất cả các loại hình ảnh động. Trong CSS3, Chuyển đổi (ma trận, dịch, xoay, chia tỷ lệ, v.v. ) mô-đun có thể được sử dụng để đạt được tweening Ưu điểm và nhược điểm của biểu định kiểu nhúng là gì?Xem câu trả lời Ẩn câu trả lời Đây là câu hỏi phỏng vấn CSS3 cơ bản thường được hỏi trong một cuộc phỏng vấn. Sau đây là ưu điểm và nhược điểm như sau công đức
nhược điểm
Bộ chọn CSS có nghĩa là gì?Xem câu trả lời Ẩn câu trả lời Một chuỗi tương đương với các phần tử HTML mà theo đó các khai báo hoặc một tập hợp của nó được khai báo và là một liên kết có thể được gọi để liên kết HTML và Biểu định kiểu là bộ chọn CSS Bộ chọn theo ngữ cảnh là gì?Xem câu trả lời Ẩn câu trả lời Bộ chọn được sử dụng để chọn các lần xuất hiện đặc biệt của một phần tử được gọi là bộ chọn theo ngữ cảnh. Một khoảng trắng ngăn cách các bộ chọn riêng lẻ. Chỉ phần tử cuối cùng của mẫu được giải quyết trong loại bộ chọn này. cho e. g. TD P TEXT {màu. màu xanh da trời} Suy thoái duyên dáng là gì?Xem câu trả lời Ẩn câu trả lời Trong trường hợp thành phần bị lỗi, nó sẽ tiếp tục hoạt động bình thường khi có sự xuống cấp đáng kể. Ứng dụng trình duyệt mới nhất được sử dụng khi trang web được thiết kế. Vì nó không có sẵn cho tất cả mọi người, nên có một chức năng cơ bản cho phép sử dụng nó cho nhiều đối tượng hơn. Trong trường hợp hình ảnh không có sẵn để xem, văn bản được hiển thị cùng với thẻ alt Tăng cường tiến bộ là gì?Xem câu trả lời Ẩn câu trả lời Đó là một giải pháp thay thế cho sự xuống cấp nhẹ nhàng, tập trung vào vấn đề web. Chức năng giống nhau, nhưng nó cung cấp thêm lợi thế cho người dùng có băng thông mới nhất. Nó đã được sử dụng nổi bật gần đây với các kết nối internet di động mở rộng cơ sở của họ Biểu định kiểu thay thế là gì?Xem câu trả lời Ẩn câu trả lời Các biểu định kiểu thay thế cho phép người dùng chọn kiểu hiển thị trang bằng cách sử dụng menu dạng xem>kiểu trang. Thông qua Biểu định kiểu thay thế, người dùng có thể thấy nhiều phiên bản của trang theo nhu cầu và sở thích của họ Làm cách nào CSS có thể được xếp tầng để trộn với trang cá nhân của người dùng?Xem câu trả lời Ẩn câu trả lời Các thuộc tính có thể được đặt ở những nơi được đề xuất và tài liệu được sửa đổi để CSS kết hợp với trang cá nhân của người dùng Chỉ số Z hoạt động như thế nào?Xem câu trả lời Ẩn câu trả lời Chồng chéo có thể xảy ra khi sử dụng CSS để định vị các phần tử HTML. Chỉ số Z giúp xác định phần tử chồng chéo. Đó là một số có thể dương hoặc âm, giá trị mặc định bằng không Tính đặc hiệu của CSS là gì?Xem câu trả lời Ẩn câu trả lời Tính cụ thể của CSS là điểm số hoặc thứ hạng quyết định khai báo kiểu nào phải được sử dụng cho một phần tử. (*) bộ chọn chung này có độ đặc hiệu thấp trong khi bộ chọn ID có độ đặc hiệu cao Tại sao nền và màu sắc là các thuộc tính riêng biệt nếu chúng luôn được đặt cùng nhau?Xem câu trả lời Ẩn câu trả lời Có hai lý do đằng sau điều này
Việc sử dụng các quy tắc là gì?Xem câu trả lời Ẩn câu trả lời Bộ quy tắc được sử dụng để xác định rằng các bộ chọn có thể được đính kèm với các bộ chọn khác. Nó có hai phần
Bạn có sử dụng bất kỳ bộ tiền xử lý CSS nào không và bạn thích cái nào hơn?Xem câu trả lời Ẩn câu trả lời Nếu bạn đang làm việc trên một dự án vừa và lớn, bạn nên sử dụng bộ tiền xử lý CSS. Chúng cho phép bạn viết CSS ngắn gọn hơn, chia nó thành nhiều tệp và sử dụng một số lượng lớn các chức năng và mixin rất hữu ích (thậm chí bạn có thể tạo của riêng mình. ), cùng với các biến Những người chơi chính là Sass (còn được gọi là SCSS), LESS và Stylus, mặc dù Sass được cho là lớn nhất Phông chữ an toàn trên web và phông chữ dự phòng là gì?Xem câu trả lời Ẩn câu trả lời Không phải tất cả các hệ điều hành và trình duyệt đều được cài đặt cùng một phông chữ. Phông chữ an toàn trên web là phông chữ thường được cài đặt sẵn trên nhiều hệ thống máy tính, chẳng hạn như Arial và Times New Roman. Trong trường hợp trình duyệt hoặc hệ điều hành không nhận dạng được font chữ đầu tiên bạn đặt (e. g. Ubuntu), bạn nên chọn phông chữ dự phòng an toàn trên web để hiển thị (e. g. Arial), theo sau là một họ phông chữ chung (e. g. sans serif). Nếu phông chữ dự phòng của bạn cũng không hiển thị, thì trình duyệt có thể chọn một phông chữ chung trong họ sans-serif Các phần tử giả là gì và chúng được sử dụng để làm gì?Xem câu trả lời Ẩn câu trả lời Các phần tử giả được sử dụng để tạo kiểu cho các phần cụ thể của một phần tử, thay vì toàn bộ nội dung. Ví dụ: bạn có thể sử dụng nó để tạo kiểu cho dòng đầu tiên hoặc chữ cái đầu tiên của đoạn văn, văn bản bạn đã chọn hoặc bạn có thể sử dụng nó để chèn văn bản hoặc hình dạng trước hoặc sau một thành phần Chúng luôn bắt đầu bằng dấu hai chấm - mặc dù dấu hai chấm vẫn được phép để tương thích ngược Nhược điểm của việc sử dụng CSS là gì?Xem câu trả lời Ẩn câu trả lời
Giải thích Mô hình hộp CSS và các yếu tố khác nhau của nóXem câu trả lời Ẩn câu trả lời Mô hình hộp CSS mô tả các hộp hình chữ nhật được tạo cho các phần tử trong cây tài liệu và được bố trí theo mô hình định dạng trực quan. Mỗi hộp có một khu vực nội dung (e. g. văn bản, hình ảnh, v.v. ) và một vùng đệm, đường viền và lề tùy chọn xung quanh Mô hình hộp CSS chịu trách nhiệm tính toán
Thuộc tính float được sử dụng trong CSS là gì?Xem câu trả lời Ẩn câu trả lời Thuộc tính CSS float đặt một phần tử ở bên trái hoặc bên phải của vùng chứa nó, cho phép các phần tử văn bản và nội tuyến bao quanh nó. Phần tử bị xóa khỏi luồng bình thường của trang, mặc dù nó vẫn là một phần của luồng (ngược lại với định vị tuyệt đối) Giải thích sự khác biệt trong cách tiếp cận khi thiết kế trang web đáp ứng so với chiến lược ưu tiên thiết bị di động?Xem câu trả lời Ẩn câu trả lời Hai cách tiếp cận này không độc quyền. Làm cho trang web phản hồi có nghĩa là một số thành phần sẽ phản hồi bằng cách điều chỉnh kích thước hoặc chức năng khác của trang web theo kích thước màn hình của thiết bị, thường là chiều rộng khung nhìn, thông qua các truy vấn phương tiện CSS Ưu điểm và nhược điểm của việc sử dụng bộ xử lý trước CSS là gì??Xem câu trả lời Ẩn câu trả lời Việc sử dụng phụ thuộc vào loại dự án nhưng những ưu điểm/nhược điểm sau đây đi kèm với bộ tiền xử lý Thuận lợi
Nhược điểm
Bạn sẽ triển khai các thành phần bố cục cơ bản của mô hình hộp trong CSS như thế nào?Xem câu trả lời Ẩn câu trả lời Mỗi phần tử của mô hình hộp—đường viền, nội dung, lề và phần đệm—có thể được chỉ định độc lập cho mỗi bên của phần tử bằng cách liệt kê các kích thước theo thứ tự sau. trên, dưới, phải và trái. Ngoài ra, có thể chỉ định nhiều mặt thành một nhóm bằng cách liệt kê ít tham số hơn Làm thế nào để bạn xác định một lớp giả trong CSS?Xem câu trả lời Ẩn câu trả lời Bạn có thể định nghĩa một lớp giả bằng cách liệt kê bộ chọn theo sau là dấu hai chấm và cuối cùng là phần tử lớp giả. Các lớp giả có thể được sử dụng để cung cấp cho các phần tử các trạng thái đặc biệt—ví dụ phổ biến nhất là một. di chuột, được sử dụng để thay đổi màu của liên kết khi chuột di chuột qua liên kết đó. Các cách sử dụng khác bao gồm sử dụng kiểu dáng riêng biệt cho các liên kết đã truy cập và chưa được truy cập và tạo kiểu khác cho một phần tử khi tập trung Bộ chọn 'lớp' và 'ID' chọn gì khi chúng được phát hành?Xem câu trả lời Ẩn câu trả lời Bộ chọn lớp sẽ chọn toàn bộ khối thông tin, trong khi bộ chọn ID cho phép bạn chọn một phần tử cụ thể sở hữu một loại số ID duy nhất Chúng ta đã xem qua các lớp và ID sớm hơn một chút, nhưng đây thực sự là một trong những câu hỏi phỏng vấn CSS quan trọng hơn. Biết được sự khác biệt và các tính năng khác nhau giữa các lớp, loại và ID có thể là bước ngoặt của bất kỳ cuộc phỏng vấn việc làm dựa trên CSS nào Thuộc tính Clearfix css hữu ích như thế nào?Xem câu trả lời Ẩn câu trả lời Clearfix là cách để một phần tử tự động xóa các phần tử con của nó, do đó bạn không cần thêm đánh dấu bổ sung. Nó thường được sử dụng trong bố cục float nơi các phần tử được thả nổi để xếp chồng lên nhau theo chiều ngang Phần yêu thích nhất của bạn khi làm việc với CSS là gì?Xem câu trả lời Ẩn câu trả lời Tất cả mọi người đều có những điều mà họ không thích về công việc của họ. Một câu trả lời trung thực cho câu hỏi này có thể giúp bạn sắp xếp ứng viên vào nhóm phù hợp. Ví dụ: nếu một người thích tìm lỗi trong các tệp CSS, bạn có thể muốn thuê ứng viên đó làm việc trong một dự án với những người sáng tạo, những người thích tập trung vào bức tranh toàn cảnh Những gì cần tìm kiếm trong một câu trả lời
Điều gì xảy ra với văn bản nếu giá trị 'auto' được gán cho thuộc tính tràn, cho phần tử chứa văn bản?Xem câu trả lời Ẩn câu trả lời Nếu tràn văn bản, nó sẽ bị cắt bớt và thanh cuộn xuất hiện có tràn không. hidden tạo bối cảnh định dạng khối mới?Xem câu trả lời Ẩn câu trả lời thuộc tính tràn xử lý nội dung nếu kích thước nội dung vượt quá kích thước được phân bổ cho nội dung. Bạn có thể làm cho nội dung bổ sung hiển thị, ẩn, cuộn hoặc tự động (hành vi mặc định của chế độ xem) Làm thế nào bạn có thể tải tài nguyên css có điều kiện?Xem câu trả lời Ẩn câu trả lời @import cho phép bạn tải/nhập biểu định kiểu bằng cách sử dụng đường dẫn (uri) biểu thị vị trí của tệp. Bạn có thể xác định một hoặc nhiều phương tiện bằng cách phân tách bằng dấu phẩy mà bạn muốn tải biểu định kiểu. Nếu trình duyệt không hỗ trợ, biểu định kiểu phương tiện sẽ không được tải Tính kế thừa hoạt động như thế nào trong CSS?Xem câu trả lời Ẩn câu trả lời Kế thừa là một khái niệm được sử dụng trong HTML và các ngôn ngữ khác nhưng nó cũng được sử dụng trong CSS để xác định cấu trúc phân cấp của phần tử từ cấp cao nhất đến cấp thấp nhất. Trong thừa kế con sẽ kế thừa các thuộc tính của cha mẹ. Trong trường hợp này, hạn chế đang được áp dụng là không phải tất cả các thuộc tính đều có thể được áp dụng. Kế thừa chuyển các thuộc tính của nó cho lớp con của nó để cùng một thuộc tính không phải xác định cùng một thuộc tính. Các thuộc tính kế thừa có thể bị ghi đè bởi lớp con nếu lớp con sử dụng các thuộc tính cùng tên Tổng quanCác thẻ HTML có phân biệt chữ hoa chữ thường không?Xem câu trả lời Ẩn câu trả lời Không Giải thích Microdata trong HTML5Xem câu trả lời Ẩn câu trả lời Sử dụng Microdata, siêu dữ liệu được lồng trong nội dung hiện có trên các trang web. Các công cụ tìm kiếm trích xuất dữ liệu vi mô từ một trang web để cung cấp trải nghiệm duyệt web tốt Sự khác biệt giữa các đơn vị kích thước phông chữ em và rem là gì?Xem câu trả lời Ẩn câu trả lời Theo mặc định, kích thước phông chữ trong trình duyệt là 16px và có thể tăng hoặc giảm trong cài đặt trình duyệt. 1em bằng kích thước phông chữ được cung cấp trong trình duyệt. Trong khi đó, giá trị rem phụ thuộc vào phần tử gốc là thẻ HTML Trình tự tiếp theo khi tờ thực hành đến là gì?Xem câu trả lời Ẩn câu trả lời Nếu một bộ chọn có ba định nghĩa kiểu khác nhau, thì định nghĩa gần thẻ thực tế là ưu tiên. Kiểu nội tuyến được ưu tiên hơn các biểu định kiểu được nhúng, ưu tiên cho các biểu định kiểu bên ngoài DOM là gì?Xem câu trả lời Ẩn câu trả lời DOM (Mô hình đối tượng tài liệu) là API đa nền tảng xử lý tài liệu HTML dưới dạng cấu trúc cây bao gồm các nút. Các nút này (chẳng hạn như các phần tử và nút văn bản) là các đối tượng có thể được thao tác theo chương trình và mọi thay đổi có thể nhìn thấy đối với chúng đều được phản ánh trực tiếp trong tài liệu. Trong trình duyệt, API này có sẵn cho JavaScript nơi các nút DOM có thể được thao tác để thay đổi kiểu, nội dung, vị trí của chúng trong tài liệu hoặc tương tác với thông qua trình xử lý sự kiện
Sự khác biệt giữa chế độ tiêu chuẩn và chế độ quirks là gì?Xem câu trả lời Ẩn câu trả lời Ở chế độ Quirks, bố cục mô phỏng hành vi không chuẩn trong Bộ điều hướng 4 và Internet Explorer 5. Điều này là cần thiết để hỗ trợ các trang web được xây dựng trước khi áp dụng rộng rãi các tiêu chuẩn web. Trong chế độ Tiêu chuẩn, hành vi được mô tả bởi thông số kỹ thuật HTML và CSS Đối với các tài liệu HTML, các trình duyệt sử dụng một Các vị trí tuyệt đối/tương đối/cố định/tĩnh hoạt động như thế nào?Xem câu trả lời Ẩn câu trả lời tuyệt đối, đặt một phần tử chính xác vào nơi bạn muốn đặt nó. vị trí tuyệt đối thực sự được đặt so với phần tử gốc của phần tử. nếu không có cha mẹ nào thì đặt tương đối vào chính trang đó (nó sẽ mặc định sao lưu tất cả các phần tử) tương đối, có nghĩa là "tương đối với chính nó". Đặt vị trí. liên quan đến; . Nó cho phép sử dụng chỉ mục z trên phần tử và nó giới hạn phạm vi của các phần tử con được định vị tuyệt đối. Mọi phần tử con sẽ được định vị tuyệt đối trong khối đó đã sửa, phần tử được định vị tương ứng với chế độ xem hoặc chính cửa sổ trình duyệt. chế độ xem không thay đổi nếu bạn cuộn và do đó, phần tử cố định sẽ ở đúng vị trí cũ mặc định tĩnh cho mọi thành phần trang. Lý do duy nhất bạn từng đặt một phần tử vào vị trí. tĩnh là loại bỏ mạnh mẽ một số vị trí đã được áp dụng cho một phần tử nằm ngoài tầm kiểm soát của bạn dính - Định vị dính là sự kết hợp giữa định vị tương đối và cố định. Phần tử được coi là vị trí tương đối cho đến khi nó vượt qua ngưỡng xác định, tại thời điểm đó, phần tử được coi là vị trí cố định Kết xuất lũy tiến là gì?Xem câu trả lời Ẩn câu trả lời Nó đang hiển thị dữ liệu khi nó đang được tải xuống. Điều này đặc biệt hữu ích trên các tài liệu có hàng tấn văn bản. Bạn có thể thấy nó trên một trang có nhiều văn bản – và ở đó thanh cuộn sẽ ngắn hơn khi có nhiều dữ liệu hơn – tăng kích thước dọc của tài liệu – tuy nhiên, nó sẽ hiển thị văn bản đã tải xuống ngay lập tức. Khi có nhiều dữ liệu hơn - trang sẽ dài hơn. Điều này không phụ thuộc vào phần thân hoặc thẻ html đóng – và nó chắc chắn sẽ không hiển thị toàn bộ trang trên máy chủ – sau đó tải xuống – đây là lời phàn nàn tiêu chuẩn về các khung hiện đại. Nhưng có một kỹ thuật gọi là “Xóa bộ đệm” có thể được thực hiện trên máy chủ Thiết kế đáp ứng khác với thiết kế thích ứng như thế nào?Xem câu trả lời Ẩn câu trả lời Cả thiết kế đáp ứng và thích ứng đều cố gắng tối ưu hóa trải nghiệm người dùng trên các thiết bị khác nhau, điều chỉnh các kích thước khung nhìn, độ phân giải, ngữ cảnh sử dụng, cơ chế kiểm soát khác nhau, v.v. Thiết kế đáp ứng hoạt động trên nguyên tắc linh hoạt - một trang web linh hoạt duy nhất có thể trông đẹp trên mọi thiết bị. Trang web phản hồi sử dụng truy vấn phương tiện, lưới linh hoạt và hình ảnh phản hồi để tạo trải nghiệm người dùng linh hoạt và thay đổi dựa trên vô số yếu tố. Giống như một quả bóng lớn lên hoặc thu nhỏ lại để lọt qua nhiều vòng khác nhau Thiết kế thích ứng giống như định nghĩa hiện đại về tăng cường lũy tiến. Thay vì một thiết kế linh hoạt, thiết kế thích ứng phát hiện thiết bị và các tính năng khác, sau đó cung cấp tính năng và bố cục phù hợp dựa trên một tập hợp kích thước khung nhìn được xác định trước và các đặc điểm khác. Trang web phát hiện loại thiết bị được sử dụng và cung cấp bố cục đặt sẵn cho thiết bị đó. Thay vì một quả bóng đi qua nhiều vòng có kích thước khác nhau, bạn sẽ có nhiều quả bóng khác nhau để sử dụng tùy thuộc vào kích thước của vòng Bạn sẽ tối ưu hóa nội dung/tài nguyên của trang web như thế nào?Xem câu trả lời Ẩn câu trả lời Nối và nén các tệp CSS, JavaScript và HTML bất cứ khi nào có thể, định cấu hình máy chủ của bạn để phân phối tệp Gzip, tài nguyên bộ đệm, đặt ngày hết hạn dài hơn trên tiêu đề http của tài nguyên mà bạn không muốn thay đổi thường xuyên – chẳng hạn như logo. Hình ảnh có thể là một số tệp nặng nhất mà chúng tôi cung cấp, vì vậy hãy nén một cách khôn ngoan. Phần tử hình ảnh sẽ sớm được triển khai trên các trình duyệt, vì vậy chúng tôi có thể tối ưu hóa việc phân phối nội dung hình ảnh. Ngoài ra, trong tương lai gần, hãy cân nhắc sử dụng định dạng WebP cho hình ảnh – nó có kích thước nhỏ hơn khá nhiều so với các tệp JPEG và PNG. Cuối cùng, hãy sử dụng CDN hoặc các miền khác để lưu trữ tài nguyên của bạn và tận dụng bảo vệ miền CORS đại diện cho cái gì và nó giải quyết vấn đề gì?Xem câu trả lời Ẩn câu trả lời Chia sẻ tài nguyên nguồn gốc chéo. Để giải quyết thực tế là các trình duyệt hạn chế các yêu cầu HTTP có nhiều nguồn gốc được bắt đầu từ bên trong các tập lệnh. CORS cung cấp cho các máy chủ web các điều khiển truy cập tên miền chéo, cho phép truyền dữ liệu giữa các tên miền an toàn Làm cách nào để đặt tiêu điểm thành biểu mẫu đầu tiên trên trường?Xem câu trả lời Ẩn câu trả lời Bạn không thể làm điều này với HTML. Tuy nhiên, bạn có thể bao gồm một tập lệnh sau biểu mẫu đặt tiêu điểm vào trường thích hợp như thế này Sự khác biệt chính giữa các sự kiện do Máy chủ gửi và Websockets là gì?Xem câu trả lời Ẩn câu trả lời Sự khác biệt chính là các sự kiện do Máy chủ gửi chỉ là một chiều từ máy chủ đến trình duyệt nhưng Websockets thiết lập giao tiếp hai chiều Câu hỏi phỏng vấn nâng cao về CSSTách tệp là gì và tại sao bạn nên sử dụng nó?Xem câu trả lời Ẩn câu trả lời Chia nhỏ tệp giúp tổ chức CSS của bạn thành nhiều tệp, giảm thời gian tải trang và giúp mọi thứ dễ quản lý hơn. Nếu bạn đang làm việc với bất kỳ bộ tiền xử lý nào ở trên, bạn có thể bắt đầu chia nhỏ các tệp của mình Cách bạn quyết định chia nhỏ chúng là tùy thuộc vào bạn, nhưng có thể hữu ích khi tách các tệp theo thành phần. Ví dụ: bạn có thể có tất cả các kiểu nút của mình trong một tệp có tên _buttons. scss hoặc tất cả các kiểu dành riêng cho tiêu đề của bạn trong một tệp có tên _header. scss. Sau đó, trong tệp chính của bạn, hãy nói _app. scss, bạn có thể nhập các tệp đó bằng cách viết @import 'buttons'; Bằng cách này, bạn cũng có thể tạo các biểu định kiểu riêng cho các khu vực riêng biệt trên trang web của mình, nơi bạn có thể không cần tất cả các kiểu. Ví dụ: nếu bạn có ứng dụng web, có thể bạn không cần tải tất cả các kiểu khi mọi người truy cập trang chủ của bạn, khi họ thậm chí chưa đăng nhập vào ứng dụng của bạn. Chỉ cần tạo một tệp khác và chỉ nhập những kiểu bạn cần Bạn sẽ sử dụng truy vấn phương tiện như thế nào trong phương pháp ưu tiên thiết bị di động?Xem câu trả lời Ẩn câu trả lời Ngày nay không có cách nào để tránh những điều này, mọi người đều mong muốn trang web của họ hoạt động trên thiết bị di động, ngay cả khi họ không yêu cầu cụ thể về điều đó Cách tiếp cận phổ biến nhất là mobile-first. Tất cả các kiểu bên ngoài truy vấn phương tiện đều được nhắm mục tiêu vào thiết bị di động. Sau đó, thông qua các truy vấn phương tiện lớn hơn dần dần, bạn có thể tạo kiểu cho màn hình lớn hơn từng bước một Giải thích kịch bản bạn sẽ sử dụng translate() thay vì định vị tuyệt đối?Xem câu trả lời Ẩn câu trả lời Translate là một giá trị của biến đổi CSS. Việc thay đổi biến đổi hoặc độ mờ không kích hoạt chỉnh lại dòng hoặc vẽ lại trình duyệt nhưng kích hoạt các thành phần; . Biến đổi khiến trình duyệt tạo lớp GPU cho phần tử nhưng việc thay đổi thuộc tính định vị tuyệt đối sẽ sử dụng CPU. Do đó translate() hiệu quả hơn và sẽ dẫn đến thời gian vẽ ngắn hơn để có hoạt ảnh mượt mà hơn. Khi sử dụng translate(), phần tử vẫn chiếm không gian ban đầu của nó (đại loại là vị trí. tương đối), không giống như trong việc thay đổi vị trí tuyệt đối Sự khác biệt giữa khả năng hiển thị bị ẩn và không hiển thị là gì?Xem câu trả lời Ẩn câu trả lời trưng bày. none xóa phần tử khỏi luồng bố cục bình thường và cho phép các phần tử khác điền vào. hiển thị. thẻ ẩn được hiển thị, chiếm dung lượng trong quy trình bình thường nhưng không hiển thị. trưng bày. không gây ra phản xạ DOM ở đâu khả năng hiển thị. ẩn không Câu hỏi cơ bản về HTML và CSS là gì?Câu hỏi phỏng vấn cơ bản về CSS . Kể tên một số CSS framework. . Bạn hiểu gì về lĩnh vực phổ thông?. Hãy cho chúng tôi biết về việc sử dụng bộ quy tắc. . Các yếu tố của Mô hình Hộp CSS là gì?. Phân biệt giữa CSS3 và CSS2. . CSS có thể được tích hợp vào trang HTML như thế nào?. Giải thích một vài ưu điểm của CSS Loại câu hỏi nào được hỏi trong kỳ thi CSS?Các câu hỏi phỏng vấn CSS thường gặp . Q #1) CSS là gì?. Q #2) Đặt tên cho tất cả các mô-đun được sử dụng trong phiên bản CSS hiện tại. . Q #3) Phân biệt giữa CSS2 và CSS3. . Q #4) Trích dẫn các loại CSS khác nhau. . Q #5) Tại sao biểu định kiểu bên ngoài lại hữu ích?. Câu hỏi 6) Công dụng của biểu định kiểu được nhúng là gì? Các chủ đề quan trọng nhất trong HTML là gì?HTML5 và CSS. Khái niệm cơ bản . Cấu trúc nội dung văn bản và hình ảnh cho web bằng HTML5 Tìm hiểu đánh dấu ngữ nghĩa mới đối với tiêu chuẩn HTML Tạo kiểu trang web bằng Cascading Style Sheets (CSS) Tạo siêu liên kết để liên kết đến các trang khác Tìm hiểu mô hình hộp để bố trí cơ bản Làm cho các trang web có thể truy cập và được định dạng tốt Câu hỏi phỏng vấn HTML CSS và JavaScript là gì?Câu hỏi và trả lời phỏng vấn HTML, CSS, JavaScript . HTML và HTML5 là gì?. Các tính năng của HTML5?. Root ảo là gì và làm thế nào để bạn tạo một root?. Bạn sẽ quản lý IIS từ xa như thế nào?. Bạn sẽ làm thế nào để bảo mật IIS và MS-SQL Server?. Làm cách nào để tạo một liên kết đồ họa trong HTML?. Tập lệnh nào đi kèm với IIS? |