Skip to content

Commit df43d84

Browse files
alexprutyangshun
authored andcommitted
Added Reference to CSS quesitons (yangshun#79)
* Added reference to CSS question: What is the difference between classes and IDs in CSS? * Added reference to CSS question: Explain CSS sprites... * Update interview-questions.md
1 parent a5da8b8 commit df43d84

File tree

1 file changed

+8
-0
lines changed

1 file changed

+8
-0
lines changed

front-end/interview-questions.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -200,6 +200,10 @@ Answers to [Front-end Job Interview Questions - CSS Questions](https://github.co
200200
- **IDs** - Meant to be unique within the document. Can be used to identify an element when linking using a fragment identifier. Elements can only have one `id` attribute.
201201
- **Classes** - Can be reused on multiple elements within the document. Mainly for styling and targeting elements.
202202

203+
###### References
204+
- https://www.w3.org/TR/CSS1/#id-as-selector
205+
- https://www.w3.org/TR/CSS1/#class-as-selector
206+
203207
### What's the difference between "resetting" and "normalizing" CSS? Which would you choose, and why?
204208

205209
- **Resetting** - Resetting is meant to strip all default browser styling on elements. For e.g. `margin`s, `padding`s, `font-size`s of all elements are reset to be the same. You will have to redeclare styling for common typographic elements.
@@ -294,6 +298,10 @@ CSS sprites combine multiple images into one single larger image. It is commonly
294298
- Reduce the number of HTTP requests for multiple images (only one single request is required per spritesheet). But with HTTP2, loading multiple images is no longer much of an issue.
295299
- Advance downloading of assets that won't be downloaded until needed, such as images that only appear upon `:hover` pseudo-states. Blinking wouldn't be seen.
296300

301+
###### References
302+
303+
- https://css-tricks.com/css-sprites/
304+
297305
### What are your favorite image replacement techniques and which do you use when?
298306

299307
CSS image replacement is a technique of replacing a text element (usually a header tag like an `<h1>`) with an image (often a logo). It has its origins in the time before web fonts and SVG. For years, web developers battled against browser inconsistencies to craft image replacement techniques that struck the right balance between design and accessibility.

0 commit comments

Comments
 (0)