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

"Interview Mocha has provided UNEECOPS with a veritable assessment platform with a comprehensive test library, online test platform, and intelligent reports. This made it easier for us to map different job openings with job-fit candidates and recruit faster."

Nisha Chandila, UNEECOPS,
Talent Acquisition 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;
      }

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