Are inline styles bad?

user_2388210 0
Viewed 215

React's Styling and CSS documentation attempts to answer the question Are inline styles bad? with a brief suggestion that "CSS classes are generally better for performance than inline styles". But no further explanation is offered.

Strictly from a performance perspective, and politely ignoring the obvious cost of shipping duplicate CSS declarations, how bad exactly are inline styles compared to CSS?

reactjs inline css styles html
2 Answers

I think inline styling not bad always but most of time it's better not to use inline style because of these following reason:

  1. it's overwrite the other style you use in CSS file for that element
  2. can't use custom responsive style in CSS file for that element
  3. if you use a style in many tags and you want to change it you must change all of them but if you use a class it cost only change the class style
user_129780830

I also add that for me it's the most inconvenience: performance. Inline styles make your pages more big so that bandwidth and load time grow up and affect also on SEO.

user_174653260
Related