Join for FREE | Take the Tour Lost Password?
Shop deviantART for the
holidays and save BIG!
Click here! :holly:
[x]

deviantART

:clap:
 

css in like five minutes : 1 by ~roguedeveloper:iconroguedeveloper:

Categories Resources & Stock Images > Tutorials > Web Design > HTML/CSS/Scripting

©2006-2009 ~roguedeveloper
:iconroguedeveloper:

Artist's Comments

This is part #1 of a short series I'm working on.


:star: Next Part (#2): More on selectors [coming soon]

:postit: More Resources
http://www.w3schools.com/css
http://rendur.com/ (test your css, live!)


If you have any questions, feel free to note me, and I'll do my best to help.

Any comments are appreciated. :)

Comments


love 2 2 joy 2 2 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconeviloatmeal:
~eviloatmeal Nov 26, 2006, 5:42:09 AM
As far as I've heard windows IE is the only browser that still isn't atleast trying to be compatible with all of CSS. The rest of the ones I've tested atleast are pretty much up to standards :)

Nice tut though. Maybe if you can teach the whole world CSS we might have a chance to persuade microsoft to get off their butts!

--
Click Here for meaning of life.
"Well, Clarice - have the lambs stopped thrusting?"
:iconroguedeveloper:
~roguedeveloper Nov 26, 2006, 11:51:26 AM
Yeah, IE7 is much better than it's predecessors, but there's always room for improvement. Let's hope that the IE developers make better CSS support a priority. :)
:iconeviloatmeal:
~eviloatmeal Nov 26, 2006, 1:03:47 PM
Shyeah, we wish ^_ ^

--
Click Here for meaning of life.
"Well, Clarice - have the lambs stopped thrusting?"
:icondigitalfetish:
~digitalfetish Nov 27, 2006, 8:50:17 PM
well considering im absolute css noob this tut is incredibly helpful

haha and well written
+ fav

cheers for the help, ill stay tuned for more

:peace:

--
Inner fear is your worst enemy.

-Max Cavelera, Sepultura
:iconroguedeveloper:
~roguedeveloper Nov 28, 2006, 8:28:01 AM
This really means a lot to me, thanks for the fav :)
:icondigitalfetish:
~digitalfetish Nov 28, 2006, 7:39:55 PM
nps man

thank.you

:peace:

--
Inner fear is your worst enemy.

-Max Cavelera, Sepultura
:iconmophire:
~MoPhire Nov 30, 2006, 10:59:24 PM
Nice tut, cant wait for part 2. I'll have a go at it when i have more time.

MoPhire
:iconroguedeveloper:
~roguedeveloper Dec 1, 2006, 7:16:23 AM
Thanks, I'm glad you enjoyed it. :)
:iconboffinbrain:
Mood: Pleased `BoffinbraiN Dec 1, 2006, 11:40:00 AM
Is it required that you wrap the font-family attribute in quotes? What about when you want to include several alternate fonts, such as

font-family:arial, verdana, sans-serif;

Anyway, a super tutorial for budding beginners. :)
:iconroguedeveloper:
~roguedeveloper Dec 1, 2006, 1:31:13 PM
Excellent question!

Quotes are not actually required, unless your font has a space in it. (e.g., "Trebuchet MS") -- though it's worth noting that even if you don't use quotes, many browsers will still apply the style.

So you could have something like this:

font-family: Trebuchet MS, Arial, Tahoma;

I'll talk more about specific selectors (like font-family) in the next guide.

Cheers.

And it would probably work, but for standards compliance, and better compatibility across browsers, this would be better:

font-family: "Trebuchet MS", Arial, Tahoma;
Previous Page12345...Next Page

Details

November 19, 2006
74.4 KB
74.4 KB
677×1176

Statistics

65
95 [who?]
8,063 (0 today)
445 (0 today)

Share

Link
Embed
Thumb

Site Map

©2009 deviantART. All rights reserved
About Us | Contact Us | Site Tour | Help & FAQ Advertise | Services Etiquette | Privacy Policy | Terms of Service | Copyright Policy