Use of CSS in same HTML file or other .CSS file?

Question

Can someone explain me, what is better? Nowadays, we have HTML 4,5 that we can do this:

<p style="color: #3377ff; text-size: 25px"> Hello World! </p>

If today we can do the style in the HTML file, why we should make another CSS file?

Another question:

What is better? To make a

<style>

........

</style>

inside the same HTML file, or another CSS file with all our CSS?

Thanks!

The style attribute was introduced in HTML 4. Nothing in your question is new in HTML 5. — Quentin, Sep 28 '17 at 19:32

score 0 · Answer 1 · answered Sep 28 '17 at 19:30

0

Having a separate CSS file allows you to reference the same set of styles from multiple html files.

answered Sep 28 '17 at 19:30

Gene

57
6

score 0 · Accepted Answer · answered Sep 28 '17 at 19:30

All three ways are possible (inline styles via style attribute, <style> tags in HTML and separate CSS files). But many developers prefer to keep their styles in separate CSS files to keep HTML more readable.

Sometimes you need to add many attributes to HTML tags, and it will become really unreadable with inline style.

If you already have a huge HTML file, <style> tags usage will make it more huge and it's uncomfortable too.

So, better use separate CSS files for the main part of your styles.

@AlexKordatzakis, you're welcome – Commercial Suicide Sep 28 '17 at 19:49 — Commercial Suicide, Sep 28 '17 at 19:49

Use of CSS in same HTML file or other .CSS file?

2 Answers2