CSS Web Page

Printable View

  • 09-23-2006, 08:58 PM
    Haloer2006
    CSS Web Page
    AN INTRODUCTION TO CASCADING STYLE SHEETS

    CSS is the acronym for: ?Cascading Style Sheets?. CSS is an extension to basic HTML that allows you to style your web pages.

    An example of a style change would be to make words bold. In standard HTML you would use the <b> tag like so:

    <b>make me bold</b>

    This works fine, and there is nothing wrong with it per se, except that now if you wanted to say change all your text that you initially made bold to underlined, you would have to go to every spot in the page and change the tag.
  • 09-23-2006, 08:59 PM
    Haloer2006
    Re: CSS Web Page
    Another disadvantage can be found in this example: say you wanted to make the above text bold, make the font style Verdanna and change its color to red, you would need a lot of code wrapped around the text:

    <font color="#FF0000" face="Verdana, Arial, Helvetica, sans-serif"><strong>This is text</strong></font>

    This is verbose and contributes to making you HTML messy. With CSS, you can create a custom style elsewhere and set all its properties, give it a unique name and then ?tag? your HTML to apply these stylistic properties:

    <p class="myNewStyle">My CSS styled text</p>

  • 09-23-2006, 08:59 PM
    Haloer2006
    Re: CSS Web Page
    Besides the fact that you will be cluttering up your pages with the same CSS code, you also find yourself having to edit each of these pages if you want to make a style change. Like with JavaScript, you can define/create your CSS styles in a separate file and then link it to the page you want to apply the code to:

    <link href="myFirstStyleSheet.css" rel="stylesheet" type="text/css">

    The above line of code links your external style sheet called ?myFirstStyleSheet.css? to the HTML document. You place this code in between the <head> </head> tags in your web page.
  • 09-23-2006, 09:01 PM
    Haloer2006
    Re: CSS Web Page
    hey it wont let me post the whole thing..?
  • 09-23-2006, 09:12 PM
    LiNuX
    CSS Web Page
    uh..it should let u post the whole thing, what happens when u try to post?
  • 09-23-2006, 09:29 PM
    Haloer2006
    Re: CSS Web Page
    gives me a blank white page.. when i refresh gives me the posting box..
  • 09-23-2006, 09:43 PM
    LiNuX
    Re: CSS Web Page
    uh..delete ur cookies, it could be the problem, tools --> internet options --> delete cookies
    others and i have posted longer posts
  • 09-23-2006, 09:53 PM
    Haloer2006
    Re: CSS Web Page
    http://gamers-forum.com/YaBB.pl?num=...5;action=post2
    Thats what i get.. and yeah i cleared all the cache and cookies..
  • 09-23-2006, 09:56 PM
    LiNuX
    CSS Web Page
    hm..i dont know, it never really happened to me or anybody else as i recall, im trying to convert this forum to a phpbb or a metabb, i gotta test a lotta stuff lol, hopefully it'll be soon and u wont have that problem ever again :D
  • 09-23-2006, 10:06 PM
    Haloer2006
    Re: CSS Web Page
    k..

» Site Navigation

» Home
» FAQ

» Log in

User Name:

Password:

» Sponsors