Are you a candidate looking to sharpen your skills? Try our practice tests or view sample interview questions & Get hired by the best. Click Here×

Online CSS (Cascading Style sheets) Skills Test

Topics Covered

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

Useful for hiring

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

Start hiring job-fit candidates using this assessment

GET A DEMO

"We are impressed with Interview Mocha's comprehensive IT skill test batteries and their ability to provide tailor-made assessments quickly. The results we got from Interview Mocha exceeded our expectations, employees found the tests quick, fun, and a benchmark of their knowledge."

Ajay Garg, Siemens,
Associate Manager
Question

How to give the text a transparent background?

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

Answer
    • 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

How to align text vertically next to an image? 


   
   Text 
 

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

Answer
    • <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

How to set fixed position for scrollable div? 

Answer
    • <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;
      }

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

Test description:

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.

Good News! You can customize this test as per your requirement

  • Choose and add questions from Interview Mocha question libraries

  • Add your own set of questions

  • Customize test settings like duration, number of questions, passing score, web proctoring and much more

  • Mail us at support@interviewmocha.com to create a custom test

Looking for a tailor-made test, to suit your assessment needs?

Get in touch

Global companies using Mocha assessments

  • altran
  • credit suisse
  • sephora
  • nielsen
  • capgemini
  • akamai

How Mocha assessments are brewed

Speed up your IT recruitment with Interview Mocha

  • 500+ IT skill tests
  • 20+ coding languages
  • 50+ domain knowledge tests
  • 100+ digital 2.0 skill tests
  • Customer focus aptitude tests
  • Enterprise ready features & more...
GET A DEMO

Why hiring managers and recruiters across the globe love Interview Mocha

Take your first step to hire job fit candidates

GET A DEMO