Advertisement:

Author Topic: CSS Basics  (Read 62938 times)

Offline Tim

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 2,857
  • Gender: Male
  • Marketing Consultant
    • tim.ceuppens on Facebook
    • http://www.linkedin.com/in/timceuppens on LinkedIn
    • @timcbe on Twitter
    • Tim Ceuppens
CSS Basics
« on: February 10, 2006, 06:57:45 AM »
http://www.cssbasics.com/

Is a great site that explains Cascading Style Sheets to you in 18 chapters that are easy to read and understand.

Offline B Patterson

  • Full Member
  • ***
  • Posts: 512
  • Gender: Male
  • Never Miss an Opportunity to be Great
Re: CSS Basics
« Reply #1 on: April 28, 2006, 06:11:49 PM »
www.csscreator.com

A great place to ask CSS specific questions and get help from uber gurus....

Offline iyeru42

  • Jr. Member
  • **
  • Posts: 107
  • Gender: Male
  • Pervert
    • Iyeru's Designs
Re: CSS Basics
« Reply #2 on: May 16, 2006, 07:32:51 PM »
http://www.w3schools.com as well.

Those who also want to know how to have their tables centered and not have the text centered (cross-browser):

Code: [Select]
text-align: center;
margin: 0 auto;

goes into the body tag. And this (below) goes into the divs, etc.

Code: [Select]
text-align: left;
margin: 0 auto;

And for those of you who want to know why IE isn't w3 compliant, check out the opacity stuff below:

Code: [Select]
filter: Alpha(Opacity=70); /* Internet Explorer Opacity */
opacity: 0.7; /* W3 Compliant Opacity. Doesn't work in IE. */

And for those who want to re-do their scrollbar(s)... (Only works on IE5+ ONLY in WINDOWS95+!)

Code: [Select]
scrollbar-face-color: #color; /* Front color */
scrollbar-base-color: #color; /* The track color itself. */
scrollbar-arrow-color: #color; /* Arrow, duh! */
scrollbar-shadow-color: #color; /* Lighter Shadow around scrollbar */
scrollbar-darkshadow-color: #color; /* Darker shadow around scrollbar */
« Last Edit: May 16, 2006, 07:37:56 PM by iyeru42 »

Offline m3talc0re

  • Full Member
  • ***
  • Posts: 630
  • Gender: Male
  • Life Sux, use hax, lol.
Re: CSS Basics
« Reply #3 on: June 27, 2006, 02:40:17 AM »
You forgot:
scrollbar-light-color: color;
scrollbar-3dlight-color: color;

Also, don't forget about http://www.bluerobot.com/ and I will eventually have more tutorials up (not only for css though). I'll wait and post mine when I've got more :P
The real hell is your life gone wrong.

Offline -MunDy-

  • Semi-Newbie
  • *
  • Posts: 76
  • Gender: Male
  • 80% Entertainment Through Volume
    • [ Mundy24 ]
Re: CSS Basics
« Reply #4 on: June 30, 2006, 02:25:54 AM »
I'm sure this site is very well known:

http://www.csszengarden.com/

"A demonstration of what can be accomplished visually through CSS-based design."

Some of the designs are absolutly breathtaking. And all done with css!

Offline No0oB

  • Newbie
  • *
  • Posts: 2
    • No0oB - It's what's behind the facade
Re: CSS Basics
« Reply #5 on: August 22, 2006, 06:28:27 PM »
hxxp:www.css4you.de [nonactive] (only for the German-speaking among us tho ;) )
hxxp:no0ob.com [nonactive]
hxxp:cafevienna.info [nonactive]
hxxp:cafeheidelberg.com [nonactive]

Offline KensonPlays

  • SMF Hero
  • ******
  • Posts: 4,297
Re: CSS Basics
« Reply #6 on: November 25, 2009, 11:43:03 AM »
http://www.w3schools.com as well.

Those who also want to know how to have their tables centered and not have the text centered (cross-browser):

Code: [Select]
text-align: center;
margin: 0 auto;

goes into the body tag. And this (below) goes into the divs, etc.

Code: [Select]
text-align: left;
margin: 0 auto;

And for those of you who want to know why IE isn't w3 compliant, check out the opacity stuff below:

Code: [Select]
filter: Alpha(Opacity=70); /* Internet Explorer Opacity */
opacity: 0.7; /* W3 Compliant Opacity. Doesn't work in IE. */

And for those who want to re-do their scrollbar(s)... (Only works on IE5+ ONLY in WINDOWS95+!)

Code: [Select]
scrollbar-face-color: #color; /* Front color */
scrollbar-base-color: #color; /* The track color itself. */
scrollbar-arrow-color: #color; /* Arrow, duh! */
scrollbar-shadow-color: #color; /* Lighter Shadow around scrollbar */
scrollbar-darkshadow-color: #color; /* Darker shadow around scrollbar */

yes, i say that w3schools is one of the best places around!

Offline Alex Stanford

  • Semi-Newbie
  • *
  • Posts: 88
  • Gender: Male
Re: CSS Basics
« Reply #7 on: December 17, 2009, 02:02:48 PM »
I usually recommend the SitePoint CSS Reference for learning CSS.

Offline KensonPlays

  • SMF Hero
  • ******
  • Posts: 4,297
Re: CSS Basics
« Reply #8 on: February 24, 2010, 11:54:27 AM »
SitePoint does look nice!

Offline cools4u

  • Newbie
  • *
  • Posts: 2
Re: CSS Basics
« Reply #9 on: January 12, 2011, 02:02:12 AM »
CSS plays a very important role in creating a webpage... and to properly define the properties in CSS is a crucial part and must be handle with care... sometimes we define too many properties when only one property can do the same work for too many so it should be studied carefully before defining... Thanks for sharing valuable links regarding CSS...

Offline ksiowse

  • Newbie
  • *
  • Posts: 1
Re: CSS Basics
« Reply #10 on: May 01, 2011, 03:35:41 AM »
Here are two good reference of CSS tutorial.
Mozilla Developer Network
developer.mozilla.org
w3resource.com/css/CSS-tutorials.php

Offline david10

  • Newbie
  • *
  • Posts: 1
Re: CSS Basics
« Reply #11 on: September 14, 2011, 10:59:51 AM »
thanks to all for sharing links. this helps me allot

Offline aman@odigma.com

  • Newbie
  • *
  • Posts: 7
Re: CSS Basics
« Reply #12 on: December 07, 2012, 08:39:00 AM »
what is the use of "azimuth" in CSS..?

MrPhil

  • Guest
Re: CSS Basics
« Reply #13 on: December 13, 2012, 09:46:07 PM »
what is the use of "azimuth" in CSS..?
For speech, where around the listener the speaker appears to be located. 0 degrees would be right in front. See also elevation. As of 6 years ago, no browser supported this property; some may now.

Offline ehr_aaron

  • Semi-Newbie
  • *
  • Posts: 12
  • Gender: Male
    • @EHR_Aaron on Twitter
    • EffortlessHR
Re: CSS Basics
« Reply #14 on: December 13, 2012, 11:48:20 PM »
I've always used w3schools or mozilla. Mozilla isn't that pretty but it works.
Aaron @ Effortless HR Blog [nofollow]

Offline karen999

  • Newbie
  • *
  • Posts: 1
Re: CSS Basics
« Reply #15 on: December 17, 2012, 07:16:13 AM »
w3 schools is the best site for begginers to learn HTML or CSS.

Offline markjonsonus

  • Newbie
  • *
  • Posts: 1
Re: CSS Basics
« Reply #16 on: August 29, 2016, 07:41:34 AM »
Hello to all my friends. I am thankful to you guys for this great info. But I also wanted to know any other site to learn CSS other than W3schools. As my querry is not get sought out and I have googled my querry but i did not get right answer. My querry is CSS background image is failing to load.

I will be thankful to you..
-------------------------------------------------------------------------------------------------

yours friend