how do you make a css document?

Question

how do you start a css document?

Answer 1

Depends what you mean by a CSS document, if you mean a webpage designed with CSS to format it instead of using conventional html tables etc to place text and images in certain places on a webpage then some starting points may be found here.

http://www.coolwebpagetools.com/index.html

Here you will find CSS menu generators and also links to websites that offer advice and design ideas on CSS and other web design stuff like Flash and photoshop.

The weblog has posts from CSS design teams and also other webpage design information.

CSS is used to describe the paramenters for layout and other html tags and can be listed in a CSS file which is included in a webpage or can be listed in the head section of a webpage or can be added to an individual tag (inline code) so as to define a style just for that one tag. Depends on how much code you have and how many pages it needs to affect.

You could have a CSS file descibing the main elements of every page and seperate ones just for certain parts of a website that are added into that section and work with the main CSS file to describe the whole page.

Topstyle is a good CSS program for Creating CSS files.

The main problem is compatibilty with different browsers unfortunately not every browser supports every CSS code style, especially Internet Explorer which in common with much of Microsoft decides to do things different from the international agreed standards so compliant browsers like Firefox may display things "right" but IE may not so sometimes you may have to do some clever checking in your CSS file to determine which one the page is loading in and then apply different instructions for that browser. Usually this is only for more complicated layouts and stuff but sometimes just getting a classic 3 columns with header and bottom section layout for a page can be awkward.

Other websites of interest that will show the power of CSS are listed below.

Mandarin design
http://www.mandarindesign.com/

and the beautiful CSS Zen Garden

http://www.csszengarden.com/

CSS discussion list
http://css-discuss.incutio.com/

Topstyle versions are often free on computer magazine cover disks.

Regards

Rob

Answer 2

There are three types of CSS files...

1) In-Line Style Sheets:

The CSS code(s) are embedded together with the HTML code(s).

2) Internal Styles Sheets:

The CSS code(s) are written desmae with the HTML file.

3) External Style Sheets:

The CSS Code(s) are not written together in the same HTML Document and this file is saved as "filename.css"

Answer 3

Use it : TopStyle
> http://www.newsgator.com/NGOLProduct.aspx?ProdID=TopStyle

HTML, xHTML and CSS Editing in a Single Program: HTML attributes are categorized so you can quickly see which are required, and it generates XHTML-compliant markup with a simple toggle.
Easy Navigation Between Documents: Click an HTML class attribute to navigate to the definition of that class in an external style sheet, or click an anchor tag or CSS link to open the linked file for editing. You can even click on an < img > tag to open the image file in your favorite image editor.
Element and Attribute Validation as You Type: All of the classes are defined in your style blocks and external style sheets, so assigning a class to an HTML tag is a very simple task.
Style Checker: Validate your style sheets against multiple browsers, flagging any invalid properties or values it finds. You can also pass your style sheets directly to the W3C's CSS Validation Service, so you can quickly check against the official CSS specifications.
Style Upgrade: A quick, reliable way to replace all deprecated (outdated) HTML markup - including the long-abused HTML < font > tag - with equivalent CSS.
HTML Tidy Integration: Make the move to XHTML painless with the built-in Tidy configuration, which converts HTML to XHTML with a single click!
Site Reports: See at a glance where styles are used in your site. Find out where you've applied style classes that aren't defined in any style sheets, or see what style classes you've defined that aren't being used.
Full Screen Preview: Split the preview between Internet Explorer and Mozilla for an immediate look at browser differences. You can even change the !DOCTYPE of each preview panel on-the-fly to see how different document type declarations affect your layout.
Integration with W3C HTML Validation: Results of the validation are displayed within TopStyle, with hyperlinked line numbers that synchronize with TopStyle's editor.

Answer 4

open notepad

write code

save it as .css file

or

open macromedia dreamweaver 8

and there is option for css document

write code and save

Answer 5

That is not a document. It is cascading style sheets. Use dreamweaver and create one. It just makes changes to existing web sites that can be foced to more than one page at a time.

Answer 6

check out echoecho.com for css tutorials