Skip to main content
Search type Search syntax
Tags [tag]
Exact "words here"
Author user:1234
user:me (yours)
Score score:3 (3+)
score:0 (none)
Answers answers:3 (3+)
answers:0 (none)
isaccepted:yes
hasaccepted:no
inquestion:1234
Views views:250
Code code:"if (foo != bar)"
Sections title:apples
body:"apples oranges"
URL url:"*.example.com"
Saves in:saves
Status closed:yes
duplicate:no
migrated:no
wiki:no
Types is:question
is:answer
Exclude -[tag]
-apples
For more details on advanced search visit our help page
Results tagged with
Search options not deleted user 23061

Questions about Cascading Style Sheets, commonly referred to as CSS. Ask anything related to implementing styles, effects or graphic-design-specific tasks. For questions about implementing structural elements or anything completely unrelated to the aesthetic look, please go to Stack Overflow.

5 votes

Do and don't do with styling <html> and <body> tags

By convention, most styling should be placed in the <body> element. But there is one important reason to apply styles to the <html> element itself: when you are setting the default font styles, in pa …
Zach Saucier's user avatar
  • 13.4k
2 votes
Accepted

What are the best tools/processes for web design refinements / adding polish?

No, there is no real collection of "You want to do X? Use Y technique" besides StackOverflow which has much more in addition to that. The reason behind it is because programming has a lot of variation …
Zach Saucier's user avatar
  • 13.4k
3 votes

Changing icons or graphics based on user geographic location/language?

Short answer: It's best to use good icons in the first place - sometimes providing additional help to aid understanding can still be preferable (descriptive text, tooltips, etc.). Providing alterna …
Zach Saucier's user avatar
  • 13.4k
3 votes

What does 'content: "\e61e"' mean in CSS?

\e61e is technically this character:  in UTF-8 encoding (the default encoding for CSS - this can be changed using @charset). So that's the literal answer to your question. …
Zach Saucier's user avatar
  • 13.4k
3 votes

Are physical units for web design a good idea?

The devices are not what determines the pixel per inch value. This is determined instead by the browser used. This allows it to be more standardized, but not perfect by any means. All browsers conver …
Zach Saucier's user avatar
  • 13.4k
7 votes
Accepted

CSS snap point design guidelines

CSS scroll snap points seeks to in part fix this by providing a good, native implementation to aid our users’ scrolling traversals. … The development of the CSS Snap Points standard is exciting! …
Zach Saucier's user avatar
  • 13.4k
1 vote

Understanding an interview question about CSS

They're asking if you can edit CSS (and likely HTML, perhaps a little JavaScript) to create designs in the web browser itself. This may include creating all of the CSS or editing an existing project. … If you have these skills, you should answer "Yes" and then attach a ZIP or a link to websites of projects that you've created using HTML/CSS/JS. …
Zach Saucier's user avatar
  • 13.4k
1 vote

How do you animate the height of a path in SMIL? attributeName="height" doesn't seem to work

In general, you should avoid animating SVG with SMIL for the web at least. But to answer your question, what does changing the height by 100 mean on a path? Which points do you change? It's impossib …
Zach Saucier's user avatar
  • 13.4k
4 votes
1 answer
2k views

CSS snap point design guidelines

I'm creating a new personal site and am considering using CSS's scroll snap module as my primary navigation. Essentially this allows the web page to "snap" to certain locations based on element's posi …
Zach Saucier's user avatar
  • 13.4k
3 votes

In an HTML element, is margin-bottom measured from the baseline?

Neither. It's not measured from the descender or the baseline. Margins start from the bottom of the element (including any padding and border) regardless of what text is inside of this. You can see th …
Zach Saucier's user avatar
  • 13.4k
1 vote

professional design of an extremely slim vertical menu

You might consider using a menu that slides out partially when a user has their mouse near the menu to save visual space. The default state: When the mouse is near (using animation to transition): …
Zach Saucier's user avatar
  • 13.4k
2 votes
Accepted

Recreate a 3D rotating prism effect in a web browser

"> <div class="inner"> <div class="flippety"> <h1>Flippity</h1> </div> <div class="flop"> <h2>Flop</h2> </div> </div> </div> with the CSS
Zach Saucier's user avatar
  • 13.4k
2 votes
Accepted

Can't figure out why my opacity overlay isn't showing 100%

Generally it's desired to apply the darkening and gradient on the same element. This is true when you want the whole image to be darkened (as it seems you want). To do so, you just have to use a linea …
Zach Saucier's user avatar
  • 13.4k
1 vote

Why is there no unit for (EM * line-height) or (REM * root line-height)?

With that being said, if you want to use the line height (or any other value) in other property's values, you can use either CSS's custom properties (essentially variables) or use a CSS preprocessor like …
Zach Saucier's user avatar
  • 13.4k
2 votes

List all hues used on a webpage or an application

You can use a browser extension like Site Palette to get a guessed color palette for a website.
Zach Saucier's user avatar
  • 13.4k

15 30 50 per page