css-questions

• Popup vs tooltip A tooltip is a text box that provides additional guidance and prompts users to take action. Popup tips trigger with a bigger, longer textbox (usually more intrusive) at different times. While tooltips generally trigger in a more contextual way.

• Css Combinators There are four different combinators in CSS: descendant selector (space) child selector (>) adjacent sibling selector (+) general sibling selector (~)

• Bootstrap3 vs Bootcamp4 Bootstrap 3 is the most stable version of Bootstrap, and it is still supported by the team for critical bugfixes and documentation changes. Bootstrap 4 is a newer version of Bootstrap; with new components, faster stylesheet and more responsiveness. However, Internet Explorer 9 and down is not supported. Bootstrap 5 is the newest version of Bootstrap; with a smooth overhaul. However, Internet Explorer 11 and down is not supported, and jQuery is replaced with vanilla JavaScript.

• Display inline, block & inline-block Compared to display: inline, the major difference is that inline-block allows to set a width and height on the element. Also, with display: inline, top and bottom margins & paddings are not respected, and with display: inline-block they are.

• Semantic Elements

• Transition CSS transitions allows you to change property values smoothly, over a given duration.

• Explain display properties and its difference

• Explain position properties and its difference

• Difference between div and span

• What is box model

• Difference between display: none; visibility: hidden; opacity: 0;

• What do you know about sprites a two-dimensional (2D) graphical object used in computer graphics, particularly in video games.

• What are the different CSS preprocessor

  • Sass
  • LESS
  • Stylus
  • PostCSS