answersLogoWhite

0


Best Answer

You can create or edit a CSS file by saving a .txt document as .css.

You can type or edit CSS in your favourite word editor. There are many free text editors on the www that will help to achieve this task

A CSS editor can be a notepad, wordpad or any other simple text editor, professional designers use advanced code editors made just for web programming.

Once the changes are made to the CSS file, simply press save.

Make sure when making/editing a CSS file to use a pure text editor and that the file contains NO HTML coding tags. See:

CSS Tutorials might help you.

User Avatar

Wiki User

14y ago
This answer is:
User Avatar
More answers
User Avatar

Wiki User

11y ago

w3schools has a great CSS guide, for beginners and for the advanced.


Cascading Style Sheets

CSS changes the properties of elements in a Web page, so to create CSS code you must decide which property needs to be changed.

Example. 1

This example shows how to set properties to the BODY element of the web page!

body {

color: #000000; /*This sets all text to Black*/

background-color: #FFFFFF; /*This sets the bacground to white*/

margin: 0; /*This sets the margin to zero*/

}

Example. 2

This example shows how to set properties to the header 1(h1 tag) of the web page!

h1 {

color: #FF0000; /*This sets the color to Red */

font-size: 16pt; /*This sets the size to16pt */

}

Example. 3

This example shows how to set properties to a link!

a:link {

color: #0000FF; /*This sets the color to Blue */

font-size: 12pt; /*This sets the size to12pt */

font-family: Arial, Verdana, serif; /*This sets the font to Arial*/

}

Example. 4

This example shows how to set the properties to when a link is rolled over by the mouse!

a:hover {

color: #00FF00; /*This sets the color to Green*/

font-size: 11pt; /*This sets the size to11pt */

}

Nearly all the properties of elements in a web page can be set as in the examples above.

BODY

H1

H2

P

DIV

A

IMG

TABLE

FORM

This answer is:
User Avatar

User Avatar

Wiki User

8y ago

CSS is a language that is used to "decorate", if you will, HTML, XML, and other types of markup languages. Alone, CSS cannot "create" anything, but rather, modifies existing objects created with HTML and XML (and such). (To see where CSS markup should go, see the very bottom of this answer)

All CSS follows a pattern. object.classname {attribute:value; attribute:value;} object {attribute:value;}

  1. Indicate the object you are setting attributes for / decorating (indicating "p", for example, indicates everything in

    tags).

  2. Optional: Indicate the class of the object you'd like to decorate. This is used if you only want a certain tag to be decorated with certain attributes, and other tags to be attributed differently. Classes of tags can be declared with the "class" attribute:

    If you do not specify a class, and just indicate an object, every object of the indicated type in the document will have the attributes you specify.

  3. Create a starting bracket ( { ) to indicate that you are now specifying attributes for the object (to indicate that you are explaining how the document is decorated).
  4. Specify an attribute for the object indicated. There are many attributes to choose from, such as width, height, background-color, and many more.
  5. Specify a value for the attribute specified. Different attributes require different types of values. background-color, for example, requires a hexedecimal value (#FFFFFF) or other color-specifying value (such as RGB indications); width requires a pixel value, or other measuring value (such as centimeters). Put a semi-colon ( ; ) after the value.
  6. If necessary, name more attributes by placing a space after the semi-colon, and repeating steps four through six.
  7. Place an ending bracket (}) to indicate that you are done specifying attributes for the object(s). Do not place a space between a semi-colon (that followed a value) and this bracket.
  8. If necessary, indicate more objects and attributes by repeating steps one through eight.
  9. Complete! Nothing more needs to be written.

CSS needs to be written in

To place CSS in css-type files, just write CSS as it should be into the file, and then link to your CSS document with HTML.

This answer is:
User Avatar

User Avatar

Wiki User

14y ago

It is dome within the Head element of the beginning of the document by using:

<link href="mystylesheet.css" type="text/css" rel="stylesheet" media="all"/>

I pulled this off one of my pages and made it rater generic. The media type can vary, and I had that one say "screen" before I changed it. That page has another one only for printing, but the HTML of the page uses classes in conjunction with the stylesheet.

This answer is:
User Avatar

User Avatar

Wiki User

12y ago

There are two methods to use css in a html document.

1.External style sheet.

You can include an external css file using the link tag within head tag element as follow.

2.Internal style sheet.

We can embed the css code inside html document using style tag as follow.

This answer is:
User Avatar

User Avatar

Wiki User

14y ago

CSS files are saved with a name and the ".css" extension: styles.css

Make sure the CSS file is made with a pure text editor and no HTML tags are on the CSS file.

This answer is:
User Avatar

User Avatar

Wiki User

10y ago

Ilink them in the head element like this:

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

This answer is:
User Avatar

Add your answer:

Earn +20 pts
Q: How do you create a link for a css file?
Write your answer...
Submit
Still have questions?
magnify glass
imp
Continue Learning about Engineering

What kind of styles are located in a separate css file and linked to the HTML language?

All the elements taht render the appearance of the page are contained within the CSS file and are linked to the HTML file within the &lt;Head&gt; element as so: &lt;link href="basic.css" type="text/css" rel="stylesheet" media="screen"/&gt; &lt;


What is CSS File and why it is used?

A CSS file can tell the web browser how a web page is supposed to look. The web page (HTML file) itself says what words are on the page, and which pictures, but you CAN use the CSS file to specify what goes where, how big, what color and font, and things like that.You CAN also specify all those things in the HTML file. The biggest advantages of using separate CSS are:The same CSS file can be used for all pages in a site, so if you want to change something, you can just change it in one place, and all the pages will now look the way you want.If you use the same CSS file for every page, your pages will load faster, since the browser does not re-fetch the CSS file every time.


What is an embedded style?

Embedded CSS simply means that your CSS is written in an external file (i.e. not in your HTML file). The external file can be anywhere on your server and must end in ".css". You would call this CSS file from inside your HTML file like this:On the otherhand, inline CSS is when your CSS is included inside of your HTML code, for example:foo


How do you install css skins?

A "Skin" is usually a certain format of a page that continues throughout the entire site. If the question is asking to be able to make a "Skin" for the entire site that you can change with just an edit of one CSS file, then here's the answer. To begin, put the CSS you want on every page of your website into one file called "style.css", and upload it to your site. Next, put the following into all your webpages (Or just the webpages you want the skin in); ---- ---- This is an HTML tag. It should be placed anywhere in the tag, and not in the tag. takes the content from a file, and depending on the relationship ("rel"), it does something. Also, we should be linking to your newly created file, the CSS file (With "href"). The relationship ("rel") with the link is a stylesheet, in the tag. That means when you place this tag in any page, it will refer to that stylesheet for CSS code. If you put the same tag on every page, and link it to the same .css file, any CSS you change in the CSS file will effect all the pages you put the tag in.


What extension saves an external style sheet?

When you create an external style sheet for your Web pages, you should name the file following similar naming conventions for your HTML files. When you save it, you use the file extension .css so the browser will recognize that it is a CSS stylesheet.

Related questions

How do you install CSS on Vista?

You don't install CSS onto your computer. CSS is programming langauge, which is programmed by an individual. CSS is used to create styling on a website. To create CSS you would normally install a text editor and link your XHTML file(s) to the CSS file. For this reason CSS can programmed on any operating system, including Vista.


How do you attach a css file?

Attaching a CSS file is done in the &lt;head&gt; of your HTML document with a &lt;link /&gt; tag. Here's the formatting: &lt;link type="text/css" rel="stylesheet" href="YOURFILE.css" /&gt;


How are CSS files created for and used by website pages?

How toYou can use CSS as an external file imported into a HTML file or CSS can be embedded into the HEAD section of a HTML page.Creating/Editing a CSS fileYou can create a CSS file by saving a .txt file as a .css file type. The easiest way though to edit CSS is by searching the web to find a Text Editor, an editor is usually free to download and will allow a user to manipulate CSS and HTML files and to save them.Importing CSS into a HTML fileTo import a CSS file into a HTML file a STYLE declaration must be made inside the HEAD tags of the document and a link to the CSS file is placed within the STYLE tags, see example below.Linking CSS into a HTML fileTo link a CSS file into a a HTML file, a LINK tag must be used and placed within the HEAD tags. Embedding CSS into a HTML fileTo embed CSS styles into a HTML file a STYLE tag must be used to contain the CSS, see example below.


How do you create link css to indexpage?

CSS can be made into a external page and linked to HTML. It can be done by the link tag like &lt;link src="abc.css"&gt;&lt;/link&gt;


How do you attach a css file to a a webpage?

The common way of attaching a CSS file to a web page, is to include a link inside the header section. This would look like &lt;link rel="stylesheet" href="style.css" type="text/css" /&gt; This allows you to attach an external CSS style sheet to a web page.


How can you use style sheet and where?

You can use it anywhere that supports a link to a CSS file.


How do you make CSS layouts?

CSS layouts can be created in an external CSS file. The extension of the file should be CSS only.


What kind of styles are located in a separate css file and linked to the HTML language?

All the elements taht render the appearance of the page are contained within the CSS file and are linked to the HTML file within the &lt;Head&gt; element as so: &lt;link href="basic.css" type="text/css" rel="stylesheet" media="screen"/&gt; &lt;


What is CSS File and why it is used?

A CSS file can tell the web browser how a web page is supposed to look. The web page (HTML file) itself says what words are on the page, and which pictures, but you CAN use the CSS file to specify what goes where, how big, what color and font, and things like that.You CAN also specify all those things in the HTML file. The biggest advantages of using separate CSS are:The same CSS file can be used for all pages in a site, so if you want to change something, you can just change it in one place, and all the pages will now look the way you want.If you use the same CSS file for every page, your pages will load faster, since the browser does not re-fetch the CSS file every time.


Why is the CSS not working?

if you neglected to save your css file in a .css format, then it may not work.


How do I use a CSS file?

You need a .html file with HTML code inside and a .css file containing your CSS instructions.For your CSS instructions, you'd move HTML instructions for presentation and appearance to your CSS file. For example, let's say in your HTML mark-up you now have a long section for your "Style" commands. These usually cover things like font size, font color, background image or color, and margins. As you move each HTML piece, you re-write it with CSS codes. Instead of numerous HTML instances that say you want all H1 levels to be a font size 12, you'd have one instance of code in the CSS that controls all instances of H1.Once you've got these 2 files you need to link the .css file inside your .html file in the section.To reference your .css you typically insert the following:


How do you use your CSS code?

In order to use a Cascading Style Sheet, you must link it to your site by placing this line of code between your tags:You would enter the name of your CSS file where it says "yourstylesheet.css". Make sure that this file is in your root folder.