Online CSS (Cascading Style sheets) Skills Test

Topics covered

Alignment CSS, CSS Animation, CSS Syntax and Custom Fonts, Pseudo Classes, CSS Selectors, Debug CSS

  • MAQ (Multiple Answer Question)
  • MCQ (Multiple Choice Question)
  • Descriptive Question
  • White Board Simulator
  • Coding Simulator
  • Audio Question
  • Video Question
  • Case Study Question

CSS Test assists Recruiters and Hiring Managers to determine the CSS designing skills of an applicant to hire as CSS designer before an interview. Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language. CSS is designed to enable the separation of document content from documentation presentation, including aspects like color, font and size.  For a non-technical recruiter it becomes difficult to evaluate the technical strength, creativity, problem-solving capability of the candidate. CSS code test or CSS skills test will help you to weed out irrelevant or less suited candidates. This CSS screening test is specially designed to check application, practical skills of CSS Programmer – as per Industry Standards.

The CSS online test contains questions on following Topics:
 

  • Alignment CSS

  • CSS Animation

  • CSS Syntax and Custom Fonts

  • Pseudo Classes

  • CSS Selectors

  • Debug CSS 

 
This CSS quiz online test is designed & validated by our subject matter experts (SME)s to evaluate knowledge of the candidate about Cascading Style Sheets before hiring. Using powerful reporting, you can have a detailed analysis of the test results to help you make a better hiring decision and predict the candidate’s performance.

The CSS online quiz contains MCQ's (Multiple Choice Questions), MAQ's (Multiple Answer Questions), Fill in the Blank, Descriptive, True or False.

This pre-employment test is useful for hiring:
  • CSS Designer

  • CSS Programmer
  • CSS Developer
  • CSS Expert
  • CSS Web Designer

Test details:

This CSS interview test enables employers and recruiters to identify potential CSS expert or CSS web designer by evaluating working skills and job readiness. For this reason, the emphasis is laid upon evaluating the knowledge of applied skills gained through real work experience, rather than theoretical knowledge.


Test Duration: 20 minutes 

  • 15 Application Oriented Questions 

  • 05 Theory Questions 

The combination on Application and Theory questions helps to evaluate technical as well as practical Skills of Candidates

CSS Test (Cascading Style Sheets)

Question #1 of 3

How to give the text a transparent background?

Note: There can be multiple correct answers to this question.

    • filter: "progid:DXImageTransform.Alpha(Opacity=50)";

    • ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="50")";

    • background-color:rgba(255,0,0,0.5);

    • background-color: rgba(0, 255, 0, 0.5);
      filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7F00FF00',
      EndColorStr='#7F00FF00');

Question #2 of 3

How to align text vertically next to an image? 


   
   Text 
 

Note: There can be multiple correct answers to this question.

    • <div>
      <img style="vertical-align:middle" src="https://img.ru/img.jpg">
      <span style="">Text</span>
      </div>

    • div {display:flex;}

    • div {align-items:center;}

    • div * {margin-top:auto; margin-bottom:auto;}

Question #3 of 3

How to set fixed position for scrollable div? 

    • <div style="position: fixed; bottom: 0%; top: 0%;">
      <div style="overflow-y: scroll; height: 100%;">
      </div>
      </div>

    • #fixed {
      background-color: cyan;
      position: fixed;
      max-height: 100vh;
      width: 25%;
      display: flex;
      flex-direction: column;
      }

    • #fixed {
      position: fixed;
      overflow-y: auto;
      width: 200px;
      }

    • .fixed {
      position: fixed;
      top: 10px;
      left: 10px;
      bottom: 10px;
      width: 180px;
      overflow-y: auto;
      }

Candidate Name
Assessment Name
Invited by
Assessment Date
IP Address
Status
















24.00 Out of 40.00
Pass
60%
03
23 Minutes

Java EE

9/10

Hibernate

3/10

Oracle PL/SQL

7/10

Analytical Thinking

5/10

Note:If score<= 30% then its a Weakness. If score >=70% then its a Strength.

Strengths

Java EE, Oracle PL/SQL, Analytical Thinking

Weaknesses

Hibernate

Happy

It was a good test for me, the questions were on the latest technology of java on which I am currently working. It was a great experience. Thank you!

Sign up for a free trial today

Get your free trial and test up to 10 candidates. No strings attached. No credit card required.

SIGN UP FOR FREE

Schedule a Demo

How Interview Mocha works?

  • Add this test to your account

  • Invite candidates to take this test online

  • Candidates take the test

  • View and share actionable test reports

Trusted by leading brands worldwide

  • altran
  • credit suisse
  • sephora
  • nielsen
  • capgemini
  • hexaware
Why hiring managers and recruiters across the globe love Interview Mocha
  • Largest number of ready pre-employment skill tests
  • Relevant test compositions and quality questions designed by Subject Matter Experts (IM SME)
  • Fastest custom test creation DNA
  • World’s most super easy skill assessment platform
  • High level of platform security implementation
  • Friendly and quick customer support
  • Ready to listen and implement your feedback, we are all ears
  • Affordable pricing

Sign up for a free trial today

Get your free trial and test up to 10 candidates. No strings attached. No credit card required.

SIGN UP FOR FREE

Schedule a Demo