cssInterview

This repository contains basic concepts of CSS and some frequently used patterns in my daily work. You can find answers in examples, which includes how to center align a div, how to draw circles, triangles with CSS， how to design a blog page with different techniques, etc.

Hopefully it can help you in your daily work and job interviews.

section one: Basic concepts

1. What is box model?

2. Where to define styles?

3. List CSS selectors and their priorities

4. The difference between block element, inline-block element and inline element

5. Talk about position property, and its values

6. How to hide an element?

7. What is float element?

8. What is pseudo element? what is pseudo class?

9. How to calculate the width of an element? (box-sizing: border-box vs. context-box)

Section two: Coding questions

1. How to center align a paragraph?

2. How to center align a div inside another div?

3. How to make a two column Web page? a three column Web page?

4. How to draw a triangle? a circle? a colored square?

5. How to make a tab view?