HTML and CSS in one file?

[St4nley]

Hello, i was wondering if putting style and the HTML coding in one file would be possible. I visited a hotels index that had been shut down. Specifically blahhotel.com and i had read page source and i saw that the CSS coding and the HTML coding was in one file. I was wondering, should i get in the habbit of making all oy mf styles and coding one file as well? Or is it a bad habbit.

 

[Find]

neater to use separate files

 

[Weed]

Sounds like a bad habit.

 

[Navigation]

Separate your HTML and CSS into '.html and .css', looks neater and easily accessible.

 

[Weasel]

In your head tags, add
<style>
Css code here
</style>

 

[Roon]

Using two files looks more professional. Imo.

 

[St4nley]

In your head tags, add
<style>
Css code here
</style>

Do you reccomend it over making a separate .css file?

 

[Weasel]

In most cases, yes.

 

[Kristopher]

Make a seperate css file. You don't want all your code to be all messy. Just keep doing what you were doing.

 

[Roon]

Doing <style> tags or making a seperate .css document don't have that much difference to be honest.

 

[Kristopher]

Doing <style> tags or making a seperate .css document don't have that much difference to be honest.

There is much of a difference. Messy code vs clean code..

 

[Roon]

There is much of a difference. Messy code vs clean code..

Compressed vs Expanded.
In the sense that .css requires an extra file. If you think about it, it's just a easier-ish way to do it. That and that "messy code vs clean code" is an opinion.

 

[Markshall]

Header styling looks awful. It's possible by following

You must be registered for see links

's post but it's not recommended.

Most people use separate files for CSS because if they have, say 4 pages on their website which all consist of the same CSS coding but then you decide you need to add/edit/remove something from the CSS, you will have to do it 4 times to make your website consistent.

It's much better to use a separate CSS file because then you only have to update the CSS once and then it updates on every page it is linked to via <link type="text/css" rel="stylesheet" href="css/global.css" />