How to create a separate sheet for CSS ?

User 2164562 Photo


Registered User
51 posts

Hi everyone....I'm a newbie here as well as in web design ....and was curious to know how I can create a separate page for CSS ? I greatly appreciate anyone's help on this issue. Have a great day everyone -- its a FRIDAY !!! TGIF :cool:
User 122279 Photo


Senior Advisor
14,447 posts
Online Now

Hi Gigi, and welcome to this place!

I don't know which programme you are using for creating websites, but if you are using the CoffeeCup HTML Editor, it should be a fairly straight-forward thing. Just open a new file and call it e.g. style.css.

You link it to the html file(s) by adding this line into your head section:

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />


The style.css has to be saved at the same location as the html file(s).
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 271657 Photo


Ambassador
3,816 posts

There's also this:

http://www.coffeecup.com/stylesheet-maker/

Made for all us newbies :D
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Gigi and welcome to the forums and CC,

So far I've found that there's a super easy way to create your CSS file. Open a text editor of your choice such as Notepad, Notepad++, or whatever text editor you have, and create the file. Just save it as whatever you want it to be named .css and that's it. Just put your CSS code in it and refer to it as referenced by Inger above. But there's no special way you need to create this file, it's basically just a text file that is named with the .css extention instead of the default .txt extension.
User 122279 Photo


Senior Advisor
14,447 posts
Online Now

About the CC stylesheet maker: That programme is quite old (outdated) by now and is not likely to be updated since there has been put so much work into the style sheet creator that is built into the html Editor.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 271657 Photo


Ambassador
3,816 posts

Thanks Inger - thought I was going crazy! I knew there was something in the Editor, but I had a look and didn't find it - just the CSS Menu maker.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2164562 Photo


Registered User
51 posts

Thanks everyone for the warm welcome ..........and very glad that I've joined !!! Thanks so much for your responses and will follow everyone's advise. Hopes everyone has a great weekend :)
User 2897659 Photo


Guest
4 posts

Hi,

For creating a css file you have to create file and save with .css, after that add the css you need and then pass the reference of that css file to html file using following code in HTML,
<link rel="stylesheet" href="filename.css" type="text/css" />

Hope this helps.

Thanks,
Harit

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.