Pages

Monday, June 27, 2011

Cascading Style Sheets (CSS)

CSS also known as cascading style sheets is the name of the visual markup language. This determines the visual look of most websites.

HTML and CSS somewhat partner which each other to determine the overall look of websites. CSS is easy to learn and can enhance websites dramatically.

To get started, I’m going to show you guys 2 examples of some CSS code. The first example is CSS in an internal html page. Second example is CSS on an external html page. Both methods works perfectly, but the second example is used more in websites with a lot of pages.

Don't worry about what some of the code looks like. I Just want you to understand how to place the CSS into pages.

Internal CSS:

<head>
<title>My first styled page</title> 
<style type="text/css">
CSS code goes between the style tags.
</style>
</head>
<body>

External Style Sheet:

The link to the style sheets go between the head tags. We will talk more about this in the upcoming days.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
 <title>My first styled page</title>
</head>
<body>
</html>

Please give us some feedback on how we're doing. We appreciate all the support from the community.
Posted by Morph1n3 at 11:32 PM
Labels:

21 comments:

  1. AnonymousJune 29, 2011 at 10:06 AM

    Great post.
    +Follow

    ReplyDelete
  2. RageCompeXJune 29, 2011 at 2:04 PM

    awesome! you guys are doing great (that was my feedback ;))

    ReplyDelete
  3. 3DS-GamesJune 29, 2011 at 10:51 PM

    Show us some javascript tricks

    ReplyDelete
  4. Daily Car ReviewsJuly 4, 2011 at 7:37 AM

    nicejob, show ur java skills!
    +1 and following

    ReplyDelete
  5. Come At Me BroJuly 6, 2011 at 12:02 PM

    This is great!

    ReplyDelete
  6. LeroyBigJuly 12, 2011 at 11:25 PM

    I learned a lot about HTML in web design in high school, but not much about CSS. Thanks.

    ReplyDelete
  7. DesignTiemJuly 12, 2011 at 11:46 PM

    I never advanced past HTML, but this is some pretty good help.

    ReplyDelete
  8. Keine ScheisseJuly 15, 2011 at 7:45 AM

    Good introduction to CSS ;-)

    ReplyDelete
  9. Scrubby BearJuly 18, 2011 at 9:25 AM

    Brilliant... now I can make great sheets !!

    ReplyDelete
  10. CErixssonJuly 23, 2011 at 9:40 AM

    Nice post. Do you know what language finance industry are using? send me a message? or on blog. I have always wanted to know this.

    ReplyDelete
  11. SuperGeekJuly 26, 2011 at 1:20 PM

    WOW this is such a useful blog! Cheers!

    ReplyDelete
  12. TheUndeclaredWinnerJuly 29, 2011 at 2:11 PM

    Interesting stuff, i've always been interesting in programming but never learned much in HTML past high school.
    +Follow

    ReplyDelete
  13. Electric AddictAugust 3, 2011 at 7:33 PM

    thanks for the intro to CSS!

    ReplyDelete
  14. MekkorAugust 8, 2011 at 2:31 AM

    i know a little about HTML and CSS and that's some info which is always good to refresh :D
    +1

    ReplyDelete
  15. JDCAugust 9, 2011 at 7:28 PM

    Ah think I learned this one in info class. Need a bit of a refresher but coming back to me now.

    ReplyDelete
  16. KyranAugust 11, 2011 at 7:50 PM

    Sweet gotta learn CSS sometime!

    +Followed

    ReplyDelete
  17. Life, Liberty and AccountabilityAugust 12, 2011 at 11:01 AM

    Never really understood what CSS was until though, thanks!

    ReplyDelete
  18. GlassroofAugust 14, 2011 at 10:03 AM

    Been trying to teach myself c++ recently and it tough but i admire you're interest in html.

    ReplyDelete
  19. JDCAugust 16, 2011 at 3:30 AM

    Not going to lie, had to reread a bit because my mind kept wandering.

    ReplyDelete
  20. TalerfuchsAugust 18, 2011 at 9:47 AM

    I am working on CSS and waiting for more tutorials.

    ReplyDelete
  21. JDCAugust 21, 2011 at 3:56 AM

    Good to know that some people actually understand this stuff.

    ReplyDelete

Subscribe to: Post Comments (Atom)