Forum Moderators: not2easy

Message Too Old, No Replies

external style sheet query

         

Glenvern

7:03 pm on May 12, 2005 (gmt 0)

10+ Year Member



Can anyone point me to a completed CSS page..

Having never seen one I would like know what one looks like.. thanx..

crashomon

7:06 pm on May 12, 2005 (gmt 0)

10+ Year Member



you're joking right?

type in 'zen garden' +CSS in google and you'll see nothing BUT css pages.

also google "eric meyer" +css and you'll be enlightened further.

enjoy.

Glenvern

7:17 pm on May 12, 2005 (gmt 0)

10+ Year Member



Not much help I'm afraid checked both sites and didn't recognise anything that resembled a website page, perhaps a CSS page doesn't look like an HTML page which is what I'm expecting it to look like.

crashomon

7:21 pm on May 12, 2005 (gmt 0)

10+ Year Member



While CSS and HTML are both 'presentation' languages, and not true programming languages, CSS runs with HTML to present pages. HTML doesn't need CSS, but CSS doesn't work without HTML (or other presentation language) from within a traditional browser.

What are you looking for specifically? Is there something you're trying to learn or understand?

go to any web site that uses CSS (most, but not all highly trafficked sites use css in some form) and 'view source' you'll see a link at the top to their css page that points to a style tag. For example:

<style type="text/css" title="currentStyle" media="screen">
@import "/001/001.css";
</style>

does that help?

[edited by: crashomon at 7:25 pm (utc) on May 12, 2005]

Glenvern

7:24 pm on May 12, 2005 (gmt 0)

10+ Year Member



Yes I want to write an external style sheet but dont know where to start -
I assume there is a template where you just fill in the blanks or add your own blanks etc... much like HTML where you add your own <title> and <body> tags..

crashomon

7:28 pm on May 12, 2005 (gmt 0)

10+ Year Member



OKay, then in this example:
<style type="text/css" title="currentStyle" media="screen">
@import "/001/001.css";
</style>

you would append /001/001.css to the end of a URL.

this example would be something like

www.somewhere dot com/somename.css and that will be your source of info.

good luck.

Patrick

I suggest you visit sites that offer CSS tutorials to learn more.

buckworks

7:31 pm on May 12, 2005 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



What do you already know about how to use CSS within a page? (inline styles, no external file)?

encyclo

7:36 pm on May 12, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



One of the best places to start learning about CSS right here on the forum:

  • CSS Crash Course [webmasterworld.com]

    Happy reading ;)

  • createErrorMsg

    7:38 pm on May 12, 2005 (gmt 0)

    WebmasterWorld Senior Member 10+ Year Member



    I assume there is a template where you just fill in the blanks or add your own blanks etc... much like HTML where you add your own <title> and <body> tags..

    With HTML, the page is structured using tags which are nested and ordered according to the rules.

    CSS is a little different. A CSS file is just a text file saved with a .css extension. In it are rule declarations that must follow a certain syntax in order to be properly read.

    That syntax is: the selector name, followed by an open curly brace, followed by property:value pairs (property name, a colon, and the value), each of which ends with a semi-colon, and finally ending with a closing curly brace.

    Here's an example that sets the font-size of all the paragraphs on the page to 20 pixels, and another that sets the background color for all level 1 headers to red (hexdec = #f00)...

    p {
    font-size: 20px;
    }

    h1{
    background-color: #f00;
    }

    That's the basic syntax. From there, the key to writing a CSS file is knowing what the options for selectors (what the rules apply to), properties (the whole point of CSS, makinf things look the way you want), and values (the possible choices within each property) are.

    For that, I suggest finding some beginner CSS tutorials. There are TONS of them on the web. W3Schools has some good ones. Otherwise, just run a search on Google for "css tutorial" and pan through the results. A tutorial or two ought to be enough to get you feeling comfortable with the syntax and structure. From there, start looking into what properties are needed to do what you want to do.

    If you run across anything you don't knwo or understand, come right here to this forum and post a question. We'd be happy to help.

    Welcome to WebmasterWorld and the wonderful world of CSS!

    cEM